interferenze ul #nav ul

**urulela** · 11-09-2006, 21:43

nonostante siano 2 id differenti, questo codice qua sotto

codice:

ul{list-style:decimal inside;margin:2px;padding:2px;text-align:left;}
li{color:#2F5376;list-style:square inside;margin-left:2px;}

mi interferisce con il menu in css spostandolo tutto quanto il layout a dx

codice:

#nav ul{list-style:none;margin:0;padding:0;}
#nav li{float:left;margin:0;padding:0;}
#nav li a{color:#ffffff;float:left;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin:0;padding:11px 15px;text-decoration:none;}
#nav li a:hover{color:#99CCFF;text-decoration:none;}
#nav li a.active{color:#fff;font-weight:bold;text-decoration:none;}

spete come posso personalizzare gli ul del menù? grazie

**Another-Life** · 11-09-2006, 23:32

Personalizzare in che senso??...ho bisogno della struttura Xhtml piu il documento Css ad esso associato.

**urulela** · 11-09-2006, 23:38

gli ul generici di qualsiasi punto del sito, mi vanno ad interferire con gli ul del #nav ul.
come poss assegnere un id univoco a:

codice:

#nav ul{list-style:none;margin:0;padding:0;}
#nav li{float:left;margin:0;padding:0;}
#nav li a{color:#ffffff;float:left;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin:0;padding:11px 15px;text-decoration:none;}
#nav li a:hover{color:#99CCFF;text-decoration:none;}
#nav li a.active{color:#fff;font-weight:bold;text-decoration:none;}

--------------------------------------------------------------------------

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
/* layer
---------------------------------------------------------- */
body{background:#dddddd;color:#000;margin:0;padding:0;}
#page{background:#ffffff;border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;margin:0px;margin-left:auto;margin-right:auto;padding-bottom:10px;padding-top:10px;width:960px;}
#nav{background:#0000ff;background:url(immagini/header.gif);height:45px;padding:0px 0px 0px 0px;width:940px;}
#pagelayer{background:#ffffff;border:0px;margin:0px;margin-left:auto;margin-right:auto;padding:0px;width:940px;}
#footer{background:#ffffff url("immagini/bgfooter.gif") repeat-x;border:0px;height:45px;margin:0px;padding:0px;width:940px;}
/* navigation
---------------------------------------------------------- */
#nav ul{list-style:none;margin:0;padding:0;}
#nav li{float:left;margin:0;padding:0;}
#nav li a{color:#ffffff;float:left;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin:0;padding:11px 15px;text-decoration:none;}
#nav li a:hover{color:#99CCFF;text-decoration:none;}
#nav li a.active{color:#fff;font-weight:bold;text-decoration:none;}
/* ?
---------------------------------------------------------- */
a{color:#000000;text-decoration:none;}
a:hover{color:#99CCFF;text-decoration:none;}
table{font-size:small;margin:5;padding:5;width:100%;}
table td{border-width:0;font-family:Verdana,Arial,Helvetica,sans-serif;padding:0;vertical-align:top;}
h1{}
h2{}
h3{}
h4{}
h5{}
ul{list-style:decimal inside;margin:2px;padding:2px;text-align:left;}
li{color:#2F5376;list-style:square inside;margin-left:2px;}
-->
</style></head>

<body>
<div id="page">
<div id="pagelayer">
<div id="nav">
	<ul>
		[*]HOME
		[*]FORUM
		[*]ISCRITTI
		[*]CONTATTI
	[/list]

</div>
<div id="footer">
</div>
</div>
</div>

</body>
</html>

**salasir** · 12-09-2006, 09:09

La definizione associata al tag <ul> generico si applica appunto a tutti i tag <ul>, mentre quello indicato con l'id solo a quello.

Pertanto le definizioni generiche devono essere poste prima di quelle particolari. Tieni presente, che i CSS per definizione sono fogli di stile a cascata: quindi qualsiasi definizione presente in quella generica che non viene modificata da quella particolare, viene ereditata.

Nel tuo caso particolare il colore degli elementi[*], per esempio, viene utilizzato anche nel menù per le eventuali porzioni di testo non link.

HOME sarà #ffffff mentre testo sarà :#2F5376.

codice:

li{color:#2F5376; .... }
#nav li a{color:#ffffff; ... }

<div id="nav">
	<ul>
		[*]HOME testo
  ...

**urulela** · 12-09-2006, 14:34

Originariamente inviato da salasir
La definizione associata al tag <ul> generico si applica appunto a tutti i tag <ul>, mentre quello indicato con l'id solo a quello.

Pertanto le definizioni generiche devono essere poste prima di quelle particolari. Tieni presente, che i CSS per definizione sono fogli di stile a cascata: quindi qualsiasi definizione presente in quella generica che non viene modificata da quella particolare, viene ereditata.

Nel tuo caso particolare il colore degli elementi[*], per esempio, viene utilizzato anche nel menù per le eventuali porzioni di testo non link.

HOME sarà #ffffff mentre testo sarà :#2F5376.

codice:

li{color:#2F5376; .... }
#nav li a{color:#ffffff; ... }

<div id="nav">
	<ul>
		[*]HOME testo
  ...

prob risolto
grazie

Discussione: interferenze ul #nav ul

Strumenti discussione

Ricerca discussione

Visualizza

interferenze ul #nav ul

Permessi di invio