- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Perchè questo menu in firefox è ok e in ie no?
-
Perchè questo menu in firefox è ok e in ie no?
ciao ragazzi non mi spiego questa rientranza che vedo solo in IE (sia 6 che 7)
vi posto il codice:
[html] <body><div class="shiftcontainer">
<div class="shadowcontainer">
<div class="innerdiv"><div class="glossymenu">
<li><a href="http://www.sd-studio.it/" >>> Home</a><a href="http://www.sd-studio.it/consulenza_web.php" >>> Consulenza</a><a href="http://www.sd-studio.it/servizi_web_design_agency.php">>> Servizi</a><a href="http://www.sd-studio.it/news_web.php">>> Prodotti</a><a href="http://www.sd-studio.it/articoli_web.php">>> Articoli</a><a href="http://www.sd-studio.it/faq.php">>> Faq</a><a href="http://www.sd-studio.it/servizi.php">>> Web News </a><a href="http://www.sd-studio.it/cerca.php">>> Cerca</a><a href="http://www.sd-studio.it/link_siti.php">>> Links</a><a href="http://www.sd-studio.it/directory.php">>> Directory</a></li>
</div>
</div>
</div>
</div>
</body>
[/html]mentre il suo CSS è:
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } .glossymenu{ list-style-type: none; padding: 0; width: 120px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } .glossymenu li a{ background: white url(images/glossyback.gif) repeat-x bottom left; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 3px 0; padding-left: 1px; text-decoration: none; } * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 120px; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url(images/glossyback2.gif); } <![if !IE 6]> .shiftcontainer{ position: relative; left: 2px; /*Number should match -left shadow depth below*/ top: 2px; /*Number should match -top shadow depth below*/ } .shadowcontainer{ width: 120px; /* container width*/ background-color: #d1cfd0; } .shadowcontainer .innerdiv{ /* Add container height here if desired */ background-color: white; border: 1px solid gray; position: relative; left: -3px; /*shadow depth*/ top: -2px; /*shadow depth*/ } </style> <![endif]>
cosa c'è che non va?
grazie
** Editato per mettere ordine al codice**
-
Ciao
Senza guadare il resto, è errata l'impostazione della lista.
Ogni voce deve avere un suo tag <li> aperto e chiuso. Tutta la lista deve essere racchiusa tra <ul>.
Vedi questo sito http://www.constile.org/template/menu_verticali/
Ciao
-
@claudioweb said:
Ciao
Senza guadare il resto, è errata l'impostazione della lista.
Ogni voce deve avere un suo tag <li> aperto e chiuso. Tutta la lista deve essere racchiusa tra <ul>.
Vedi questo sito http://www.constile.org/template/menu_verticali/
Ciao
dal tuo link ho viste che l' <ul> è <ul class="menu1">
nel mio caso quale class devo assegnare? <ul class="glossymenu">?
grazie
ps: salento? io son di ostuni
-
Ora ho un po' di fretta, ma ad occhio e croce direi di si...
@Dario79 said:
ps: salento? io son di ostuni :-)Io son di Oria (due settimane fa di sabato non mi hanno fatto entrare a Cafè Riccardo perchè pretendevano la prenotazione :p)
Ciao
-
@claudioweb said:
Ora ho un po' di fretta, ma ad occhio e croce direi di si...
Io son di Oria (due settimane fa di sabato non mi hanno fatto entrare a Cafè Riccardo perchè pretendevano la prenotazione :p)
Ciao
sono di ostuni da 27 anni e non ho mai messo piede in quel posto
dovrei strapagare per sedermi su un gradino di pietra?
hihihi cmq grazie stasera provo le modifiche al codice