CSS & Firefox non sà da fare

[andreyax]

Ciao a tutti,

sto creando un sito che si avvale di file css esterno.

Con Internet Explorer funziona correttamente mentre con Firefox no.

Presumo sia un problema di sintassi rispetto al codice css.... qualcuno conosce un sito o qualcosa del genere che possa testare e verificare la corretta compilazione del codice per i fogli di stile?

Ciao e grazie in anticipo!!!

[ricman]

Originariamente inviato da andreyax
Con Internet Explorer funziona correttamente mentre con Firefox no.

Presumo sia un problema di sintassi rispetto al codice css.... qualcuno conosce un sito o qualcosa del genere che possa testare e verificare la corretta compilazione del codice per i fogli di stile?

www.w3c.org e clicchi sul "validatore Css".

Però penso che ci siano altre cose "errate" nel tuo sito.
Se vuoi puoi postare l'indirizzo o il pezzo di codice che ti da' problemi... qualcuno una mano te la da'...

Ciao

[andreyax]

Ho provato a verificare la validità del mio file css... ma mi dice che non vi sono problemi di sorta sulla stringa che riporto qui di seguito:

.link_menu {
background-image : url(immagini/link_menu.gif);
width : 150px;
height : 20px;
border-style : solid;
border-color : #ff0000;
border-width : 0;
padding-left : 8px;
padding-top : 2px;
font-weight : bolder;
font-family : verdana;
font-size : 10pt;
color : #3300ff;
text-decoration : none;
}

.link_menu:hover {
background-image : url(immagini/linkover_menu.gif);
}

secondo voi come mai non funziona? sto impazzendo! qualcuno sa aiutarmi?

[Mich_]

Il problema potrebbe anche essere nell'HTML, per cui il consiglio di postare il link e` valido.

Comunque un errore nel tuo codice c'e` (non so se la tua versione di FF e` di quelle che lo prendono per buono o si bloccano con quell'errore):

Lo spazio tra gli attributi e i duepunti: non ci deve essere.
Invece lo spazio dopo i due punti ci puo` stare (non da` problemi).


PS: che significa la parola sa` nel titolo della discussionie? Non mi risulta che esista una tale parola in Italiano. E anche la parola sa (voce del verbo sapere) non sarebbe corretta in quel contesto).

[andreyax]

... credo sia un modo inusuale di parlare che ormai non è più in voga.

hai mai sentito la frase questo matrimonio non sà da fare?

sà = si deve -> in una forma contratta sà

[andreyax]

Ragazzi forse ho capito qual è il problema ma non so come risolverlo! qualcuno mi sa dare una mano?

in pratica firefox non mi vede questi due parametri:

width: 150px;
height: 20px;

essi determinano nel mio codice css (almeno con IE funziona) la larghezza e l'altezza che deve avere la parte lincabile....

come posso fargliele mantenere?

[Mich_]

Originariamente inviato da andreyax
... credo sia un modo inusuale di parlare che ormai non è più in voga.

hai mai sentito la frase questo matrimonio non sà da fare?

sà = si deve -> in una forma contratta sà

Certo che l'ho sentita (Manzoni, I promessi sposi, don Abbondio incontra i "bravi"), ma non la ho mai vista scritta a codesto modo.

Si scrive:

Questo matrimonio non s'ha da fare, ne` domani ne` mai

Tornando alla domanda, non c'e` quel bug in FF.
Potrebbe esserci qualche errore di sintassi, che IE non rileva.

Se l'errore non e` (solo) nello spazio davanti ai duepunti, potrebbe essere da qualche altra parte, nel CSS (prima del pezzo postato) oppure nell'HTML (ad esempio formattazione inserita nell'HTML, richiamo errato del CSS, errore nel path, maiuscole/minuscole, ...)

[andreyax]

Ok verifico stasera quando arrivo a casa....

mi scuso per l'errore gravissimo di ortografia (non è da me) ma l'ho scritta cosi di botto senza nemmeno pensarci

ihihhhi

a stasera....

ps. mi sai indicare la corretta stringa per il collegamento del css da inserire nella pagina html?

[elysaweb]

ma l'altezza e la larghezza a cosa la applichi? se la applichi ad un elemento inline, ad esempio uno span, non può funzionare.. devi sempre applicarla ad un elemento block, oppure forzare un elemento inline ad essere block con display:block;

[andreyax]

Allora in pratica è un link quello a cui il css fa riferimento per capirci il classico <a href></a>

in pratica quel link deve prendere un'immagine come sfondo la quale è grande 150 x 20 px...

ma la recupera in background grazie al css (vedi css postato all'inizio).

quando la visualizzo con IE nessun problema.... quando la visualizzo con FF la prende in parte.... diciamo fino a dove arriva la parte linkabile ma il resto non la considera....

come faccio per far considerare come link tutti i 150 px ??