creare menù laterale ma come lo modifico?

**decori** · 21-05-2008, 15:25

per fare questo menù laterale
dovrei fare in modo di renderlo più stretto,verso sinistra...che modificare senza che scompaia poil'effetto non linkabile dei sotto menù?

Codice PHP:


/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */

e poi secondo questa guida

suggerisce di inserire per i vari browser questa stringa ma dove va collocata esattamente nella mia pagina?

**Hobby** · 21-05-2008, 15:38

Originariamente inviato da decori e poi secondo questa guida

In questa guida se la leggi bene c'è tutte le istruzioni che ti serve per realizzarlo e posizionare il codice, c'è anche una pagina di esempio dalla quale puoi vedere il codice e la sua posizione

**decori** · 22-05-2008, 09:15

e quella scritta per i vari browser?
dove la posiziono all'interno dello <script>?

**Hobby** · 22-05-2008, 16:33

Originariamente inviato da decori
e quella scritta per i vari browser?
dove la posiziono all'interno dello <script>?

Qui c'è il codice completo e funzionante del menu basta che tu lo guardi e capisci ogni cosa nel codice c'è la spiegazione ad ogni domanda:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<title>Menu a comparsa laterale</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<style type="text/css">
body {
	font: normal 11px verdana;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */
</style></head>

<body> 
<ul id="nav"> [*]Home [*]About 
    <ul> [*]History [*]Team [*]Offices [/list]
   [*]Services 
    <ul> [*]Web Design [*]Internet Marketing [*]Hosting [*]Domain Names [*]Broadband [/list]
   [*]Contact Us 
    <ul> [*]United Kingdom [*]France [*]USA [*]Australia [/list]
   [/list]
</body></html>

**decori** · 23-05-2008, 08:26

mi spiace davvero ma non ci arrivo!Credimi ,non è per mancanza di intendo è solo per mancanza di ignoranza!....è grave? :master:

**Hobby** · 23-05-2008, 09:58

Originariamente inviato da decori
mi spiace davvero ma non ci arrivo!Credimi ,non è per mancanza di intendo è solo per mancanza di ignoranza!....è grave? :master:

Guarda più che darti il codice completo funzionante, solo da copiare e personalizzare (ovvio che non ti si può dare una cosa già personalizzata) che dobbiamo fare?

Discussione: creare menù laterale ma come lo modifico?

Strumenti discussione

Ricerca discussione

Visualizza

creare menù laterale ma come lo modifico?

Re: creare menù laterale ma come lo modifico?

Permessi di invio