Topic: Aiutooo!!! css non funzionante con Firefox!

[markus72]

 
Sto creando un sito per un amico ma non sono ferratissimo con i CSS.
Facendo l'anteprima con Explorer si vede tutto OK, come dovrebbe essere, ma facendo l'anteprima con Firefox mi sfasa tutte le tabelle!!!
Aiutatemi, Vi prego.
Chi mi riesce a dire cosa non funziona in questo file .CSS?

Codice: [Seleziona]

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 690px;
}

.jqueryslidemenu{
margin: auto;
width: whatever in pixels;
}


.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 120px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

[lucasali]

il css da solo vuol dire poco ... dovresti darci il link dell'intera pagina

comunque esistono degli strumenti online che ti validano il codice, ad esempio li puoi trovare su www.w3c.org

di sicuro la riga:
width: whatever in pixels;
è sbagliata

[markus72]

Ciao! Grazie del tuo interesse... sono nuovo del forum...
la pagina esatta dove c'è il richiamo al css è
http://digilander.libero.it/markus720/last/prodotti_NEW.htm

Cosa mi consigli di fare? Secondo te quali sono gli errori?

Grazie

Michele

[markus72]

Nessuno che mi possa aiutare allora???

 

[michro]

Cerca di avere un po' di pazienza ...siamo tutti volontari che aiutano gratuitamente e molti di noi
stanno lavorando.

[gialloporpora]

Per problemi coi CSS ti consiglio di rivolgerti ad HTML.it che è un forum più specialistico.
Comunque, CTRL-SHIFT-J e FF ti dirà dove sono gli errori, ad occhio:

Codice: [Seleziona]

width: whatever in pixels;

devi specificare un numero in pixels.
Ciao