Inserire scrollbar in Dreamweaver MX

Versione Completa   Stampa   Cerca   Utenti   Iscriviti     Condividi : FacebookTwitter
AESSENET.ORG - Forum » AESSENET.ORG - Forum » Internet e Software » Webpublishing, Grafica & Programmazione
portilloreal
00giovedì 9 agosto 2007 18:57
Sembrerà strano, ma non riesco a mettere una scrollbar in questa pagina generata da Dreamweaver MX:



In particolare vorrei metterla nel box dove c'è scritto 'Software' in modo da poter aggiungere tutti i link che voglio, mantenendo inalterata la grandezza del box e poter scorrere i vari link con la tool bar. Vorrei sapere se c'è un codice html da poter inserire e soprattutto dove. In rete ho visto che ci sono anche varie estensioni di Dreaweaver che lo fanno in automatico, ma alcune sono a pagamento e non so neanche quali sono quelle più utili per me.

Se può servire, ecco il codice della pagina

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Link</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" onLoad="MM_preloadImages('../immagini/rollover-home.gif','../immagini/rollover-graphics.gif','../immagini/rollover-video.gif','../immagini/rollover-link.gif','../immagini/rollover-contatti.gif','../immagini/rollover-about.gif')">
<div id="logo" style="position:absolute; width:599px; height:90px; z-index:2; left: 225px; top: 49px;"><img src="../immagini/logo-%2B-header.gif" width="600" height="90">
</div>
<div id="separatore" style="position:absolute; width:600px; height:9px; z-index:3; left: 225px; top: 140px;"><img src="../immagini/separatore.gif" width="600" height="10"></div>
<div id="header" style="position:absolute; width:600px; height:23px; z-index:4; left: 225px; top: 26px;"><img src="../immagini/header-1.gif" width="600" height="23"></div>
<div id="navigazione" style="position:absolute; width:600px; height:23px; z-index:5; left: 225px; top: 149px;">
<table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','../immagini/rollover-home.gif',1)"><img src="../immagini/pulsante-home.gif" name="home" width="120" height="23" border="0"></a></td>
<td width="20%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('graphics','','../immagini/rollover-graphics.gif',1)"><img src="../immagini/pulsante-graphics.gif" name="graphics" width="120" height="23" border="0"></a></td>
<td width="20%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('video','','../immagini/rollover-video.gif',1)"><img src="../immagini/pulsante-video.gif" name="video" width="120" height="23" border="0"></a></td>
<td width="20%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('link','','../immagini/rollover-link.gif',1)"><img src="../immagini/pulsante-link.gif" name="link" width="120" height="23" border="0"></a></td>
<td width="20%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about','','../immagini/rollover-about.gif',1)"><img src="../immagini/pulsante-about.gif" name="about" width="120" height="23" border="0"></a></td>
</tr>
</table>
</div>
<div id="main" style="position:absolute; width:600px; height:300px; z-index:6; left: 225px; top: 180px;"><img src="../immagini/sfondo-main.jpg" width="600" height="300"></div>
<div id="Layer1" style="position:absolute; width:200px; height:241px; z-index:7; left: 615px; top: 212px; background-image: url(../immagini/sfondo-contatti.jpg); layer-background-image: url(../immagini/sfondo-contatti.jpg); border: 1px none #000000;">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong><br>
Mail</strong></font></td>
</tr>
<tr>
<td><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="mailto:%20michelangelo_graphics@yahoo.it">michelangelo_graphics@yahoo.it</a></font></td>
</tr>
</table>
<font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"></font></div>
<div id="Layer2" style="position:absolute; width:68px; height:25px; z-index:8; left: 613px; top: 184px;"><font color="#FFFFFF" size="4" face="Arial, Helvetica, sans-serif">Contatti</font></div>

La parte di codice che riguarda il box all' interno del qualevorrei mettere la scrollbar inizia qui :


<div id="Layer3" style="position:absolute; width:369px; height:241px; z-index:9; left: 234px; top: 212px; background-image: url(../immagini/sfondo-news.jpg); layer-background-image: url(../immagini/sfondo-news.jpg); border: 1px none #000000;">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong><br>
Software</strong></font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>

...e finisce qui


<div id="Layer4" style="position:absolute; width:53px; height:24px; z-index:10; left: 234px; top: 185px;"><font color="#FFFFFF" size="4" face="Arial, Helvetica, sans-serif">Link</font></div>
</body>
</html>


Grazie anticipate.
Etabeta3030
00sabato 11 agosto 2007 17:44
nel caso il testo contenuto in un div (nel tuo caso il Layer3) fosse più lungo del box,
per far apparire la freccina nel box basterà aggiungere alle proprietà del div
overflow: scroll;
oppure
overflow: auto;
in questo secondo caso la freccina compare solo se il testo è troppo lungo.
[SM=x53911] ciao

portilloreal
00domenica 12 agosto 2007 15:33
Dopo un po' ci sono arrivato anch'io, ma non ho fatto in tempo a scriverlo, cmq ho scelto 'overflow : auto' mi sembra il più adatto, ed in + ho anche tolto il box 'contatti', optando per un footer con l' indirizzo mail, così ho anche più spazio. Esiste un modo per personalizzare maggiormente la barra ? Tipo farla più piccola, darle una forma + arrotondata,cambiare il colore ? Immagino di no...

Un ultima cosa : per gestire i file .flv mi devo limitare a caricarli sul sito, all' interno di un livello/tabella, oppure devo inserire nella pagina anche un flash player (gratuito ovviamente) ?
Etabeta3030
00martedì 14 agosto 2007 13:18
la barra si può personalizzare con un css che trovi facilmente in giro, ma tieni presente che funziona solo su Explorer

l'flv da solo non viene letto. Devi inserire anche il file swf che lo chiama, e il file con la barra comandi se gliene hai associata una.
Attento alle path dell'swf, io ci ho combattuto un attimino... [SM=x53912]
Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 18:11.
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com