Menu + logo

**magix2003** · 20-07-2005, 10:36

Salve a tutti
ho un menu a comparsa del tipo:
titolo1
-titolo2
-titolo3
titolo4
-titolo5
-titolo6
quando non e' espanso non occupa tanto spazio nel frame e io volevo inserire un logo alla fine del frame, come devo fare? ciao e grazie

**mugen** · 20-07-2005, 10:39

Non ho capito cosa vuoi dire...

Vuoi un logo appena sotto il menu quando non e espanso?

O vuoi che il logo si sposti sempre in basso quando si apre il menu?!?

Apetto chiarimenti.

**magix2003** · 20-07-2005, 10:44

Vorrei che il logo sia in fondo al frame quando non sia espanso; e che quando sia espanso non ci sia spazio tra menu e logo... spero di essermi spiegato ciao

**mugen** · 20-07-2005, 10:48

Non molto!!!

Per Frame cosa in tendi di preciso?Il menu? :master:
Potresti postare il codice html? :master:

Grazie!!!

**magix2003** · 20-07-2005, 11:13

codice:

<HTML>

<HEAD>



<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing

                                   http://www.html.it -->







<TITLE>Demo Dynamic HTML: esempio pratico </TITLE>







<STYLE TYPE="text/css">

<!--

H3 {font-family: Verdana,Arial,Helvetica;font-size:10pt;font-weight:bold;}

TT{font-family:monospace;}

B I{color:#993366;font-size:100%;}

DIV,TD{font-family:Arial,Verdana,Helvetica;font-size:10pt;}

SPAN SMALL{font-size:80%;}

SPAN.times{font-family:Times New Roman,Times,serif;font-size:100%;}

-->

</STYLE>

<SCRIPT LANGUAGE="JavaScript">

<!--

var bV=parseInt(navigator.appVersion);

NS4=(document.layers)?true:false;

IE4=(document.all)?true:false;

ver4=(NS4 || IE4)?true:false;

if (document.images) {

arImLoad=new Array ("art/triUp2.gif");

arImList=new Array ();

for (counter in arImLoad) {

arImList[counter]=new Image();

arImList[counter].src=arImLoad[counter] + ".gif";

}}

function expandIt(){return}

function expandAll(){return}

//-->

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.2">

<!--

isExpanded=false;

function reDo(){window.location.reload()}

function getIndex(el) {

ind=null;

for (i=0; i<document.layers.length; i++) {

whichEl=document.layers[i];

if (whichEl.id==el) {

ind=i;

break;

}

}

return ind;

}

function arrange() {

nextY=document.layers[firstInd].pageY + document.layers[firstInd].document.height-10;

for (i=firstInd+1; i<document.layers.length; i++) {

whichEl=document.layers[i];

if (whichEl.visibility != "hide") {

whichEl.pageY=nextY;

nextY += whichEl.document.height-10;

}

}

}

function initIt(){

if (NS4) {scrollTo(0,pageYOffset-30)

for (i=0; i<document.layers.length; i++) {

whichEl=document.layers[i];

if (whichEl.id.indexOf("Child") != -1) {

whichEl.visibility="hide";

whichEl.isExpanded=false;

}

}

arrange();

setTimeout("window.onresize=reDo",1000)

}

else {

tempColl=document.all.tags("DIV");

for (i=0; i<tempColl.length; i++) {

if (tempColl(i).className == "child") {

tempColl(i).style.display="none";

tempColl(i).isExpanded=false;

}

}

}

}

function expandIt(el) {

if (!ver4) return;

if (IE4) {expandIE(el)} else {expandNS(el)}

}

function expandIE(el) {

whichEl=eval(el + "Child");

whichIm=event.srcElement;

if (whichEl.style.display == "none") {

whichEl.style.display="block";

whichEl.isExpanded=true;

whichIm.src="art/triUp2.gif";

}

else {

whichEl.style.display="none";

whichEl.isExpanded=false;

whichIm.src="art/triDown2.gif";

}

}

function expandNS(el) {

whichEl=eval("document." + el + "Child");

whichIm=eval("document." + el + "Parent.document.images['imEx']");

if (whichEl.visibility == "hide") {

whichEl.visibility="show";

whichEl.isExpanded=true;

whichIm.src="art/triUp2.gif";

}

else {

whichEl.visibility="hide";

whichEl.isExpanded=false;

whichIm.src="art/triDown2.gif";

}

arrange();

}

function showAll() {

for (i=firstInd; i<document.layers.length; i++) {

whichEl=document.layers[i];

whichEl.visibility="show";

}

}

function expandAll(isBot) {

newSrc=(isExpanded)?"art/triDown2.gif":"art/triUp2.gif";

if (NS4) {

document.images["imEx"].src=newSrc;

for (i=firstInd; i<document.layers.length; i++) {

whichEl=document.layers[i];

if (whichEl.id.indexOf("Parent") != -1) {

whichEl.document.images["imEx"].src=newSrc;

}

if (whichEl.id.indexOf("Child") != -1) {

whichEl.visibility=(isExpanded)?"hide":"show";

whichEl.isExpanded=(isExpanded)?false:true;

}

}

arrange();

if (isBot && isExpanded) scrollTo(0,document.layers[firstInd].pageY);

}

else {

divColl=document.all.tags("DIV");

for (i=0; i<divColl.length; i++) {

if (divColl(i).className == "child") {

divColl(i).style.display=(isExpanded)?"none":"block";

divColl(i).isExpanded=(isExpanded)?false:true;

}

}

imColl=document.images.item("imEx");

for (i=0; i<imColl.length; i++) {

imColl(i).src=newSrc;

}

}

isExpanded=!isExpanded;

}

with (document) {

write("<STYLE TYPE='text/css'>");

write(".parent {");

if (NS4) {write("position:absolute; visibility:hidden;")};

if (IE4) {write("margin-top:-10;")};

write("margin-left:35;");

write("color:#006");

write("}");

write(".child {");

if (NS4) {write("position:absolute; visibility:hidden;")};

if (IE4) {write("display:none;")};

write("margin-left:50;");

write("}");

write(".other {");

if (NS4) {write("position:absolute; visibility:hidden;")};

write("margin-left:25;");

write("}");

write("</STYLE>");

}

function linkIt(whichEl, whichHref) {

lay=(NS4)?eval("document."+whichEl+"Child"):eval(whichEl+"Child");

if (!lay.isExpanded) expandIt(whichEl);

nlay=(NS4)?lay.document.images[whichHref]:document.images[whichHref];

if (NS4){

sY=nlay.y+lay.pageY-20

window.scrollTo(0,sY);

}else{nlay.scrollIntoView();scroll(0,document.body.scrollTop-20);

//alert(nlay.parentElement.tagName);

nlay.parentElement.style.backgroundColor="#FF99FF";setTimeout("nlay.parentElement.style.backgroundColor='white'",1000);}

}

window.onload=initIt;

//-->

</SCRIPT>



<base target="main">
<meta name="Microsoft Theme" content="blends 1011">



</HEAD>



<BODY >









<P STYLE="margin-left:25;font-family:Arial,sans-serif;font-size:10pt;"></P>
<P STYLE="margin-left:25;font-family:Arial,sans-serif;font-size:10pt;">
[img]art/triDown2.gif[/img]

Choose an interface</P>



<DIV ID="elOneParent" CLASS=parent>

<H3>
[img]art/triDown2.gif[/img]
Screening router<span style="font-weight: 400"> (Eth1)</span></H3>

</DIV>



<DIV ID="elOneChild" CLASS=child>



Overview


	Top talkers






Top listeners







Protocols






Top conversations







Total situation







</DIV>



<DIV ID="elTwoParent" CLASS=parent>

<H3>[img]art/triDown2.gif[/img]

Internal Firewall<span style="font-weight: 400"> (Eth2)</span></H3>

</DIV>



<DIV ID="elTwoChild" CLASS=child>



Overview</P>


Top talkers</P>





Top listeners</p>





Protocols</P>





Top conversations</p>





Total situation</P>



</DIV>



<DIV ID="elThreeParent" CLASS=parent>

<H3>[img]art/triDown2.gif[/img]

External Firewall<span style="font-weight: 400"> (Eth3)</span></H3>

</DIV>



<DIV ID="elThreeChild" CLASS=child>



Overview</P>


Top talkers</P>





Top listeners</p>





Protocols</P>





Top conversations</p>





Total situation

</P>



Custom

</P>


</DIV>



<DIV ID="elFourParent" CLASS=parent>

<H3>[img]art/triDown2.gif[/img]

All interfaces</H3>

</DIV>



<DIV ID="elFourChild" CLASS=child>



Overview</P>


Top talkers</P>





Top listeners</p>





Protocols</P>





Top conversations</p>





Total situation</P>

</DIV>


</p>



[img]adodb2.gif[/img]</p>



</body>

</html>

ciao e grazie a te

**mugen** · 20-07-2005, 12:21

Originariamente inviato da magix2003

codice:

<HTML>

<HEAD>



<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing

                                   http://www.html.it -->







<TITLE>Demo Dynamic HTML: esempio pratico </TITLE>







<STYLE TYPE="text/css">

<!--

H3 {font-family: Verdana,Arial,Helvetica;font-size:10pt;font-weight:bold;}
.
.
.



Total situation</P>

</DIV>


</p>



[img]adodb2.gif[/img]</p>



</body>

</html>

ciao e grazie a te

Ok ora conosco il codice.

Tu vorresti che l'immagine "adodb2.gif" faccia cosa di preciso?!?

Io l'ho provato e si sposta con l'aprirsi dei menu?
Tu cosa vuoi di preciso?!?

Scusa ma non riesco a capire!!!

**magix2003** · 20-07-2005, 13:52

Vorrei che all'inizio fosse a fondo pagina senza navigation bar e che quando si espandesse il menu non ci fosse spazio tra l'ultima opzione ed il logo... io l'unico metodo che ho trovato e' stato quello di andare a capo dopo l'ultima opzione cosi' quando non e' espanso e' a fono pagina, pero' quando e' espanso ci sono gli acapo dopo l'ultima opzione spero di essere stato piu' chiaro anche se dubito ciao

**mugen** · 20-07-2005, 14:57

Se ho capito bene tu vorresti che l'immagine rimanga sempre a fondo pagina sia che il tuo menu e espansio sia che non lo sia è cosi?!?

Ho fatto vari tentativi usando delle tabelle ( adesso scateno discussioni a non finire sull'uso illegittimo delle tabelle ; Scusatemi

)ma il risultato non è quello che secondo me va bene al caso tuo.

Fai una tabella con tre righe settate con la percentuale.Nella prima inserisci il menu, nella seconda ( settata con valori da te stabiliti )non scrivi nulla , e nella terza inserisci l'immagine che ti serve.

Direi pero che con l'uso dei css il tuo problema vega risolto.

Mi dispiace ma sono solo agli inizi nell' uso dei css quindi non sono in grado di aiutarti fino in fondo.

Spero che qualcuno riesca ad aiutarti.

Alla prossima!!!!

Discussione: Menu + logo

Strumenti discussione

Ricerca discussione

Visualizza

Menu + logo

Permessi di invio