CSS img e link

[Ashry]

Stò cercando di realizzare un sito senza l'ausilio delle tabelle ma ho qualche problema con i link!
Ho creato un effetto mouse-over con i css i questo modo:


A.menu:link, A.menu:visited {
text-decoration: none;
color: #FFFFFF;
font-family:verdana;
font-size: 9px;
height:16;
width: 125;
padding-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
padding-left: 6px;
background-image: url(off.gif);
}

A.menu:hover {
text-decoration: none;
color: #FFFFFF;
font-family:verdana;
font-size: 9px;
height:16;
width: 125;
padding-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
padding-left: 6px;
background-image: url(on.gif);
}


In explorer funziona tuto alla perfezione ma
in opera non si vede l'immagine di sfondo
im mozzilla ed in netscape viene tagliata credo non riconoscano i comandi height e width su i link!

Sapreste consigliarmi un metodo per risolvere il mio problema grazie!

[antos]

height e width vengono presi se l'elemnto è di tipo block (a è un elemento di tipo inline, explorer nn segue propio gli standard...) prova ad aggiungere al css
display:block;

[Ashry]

Funziona su netscape e su mozzilla ma non su opera

[antos]

ma che versione di opera hai?

[Ashry]

6.03

[antos]

al limite puoi "barare",
inserisci tutti i link all'interdo di un div a cui assegni lo sfondo e le propietà height e width
esempio:

<div class="lnkcontainer">link
<div class="lnkcontainer">link

.lnkcontainer{height:xxpx;width:xxpx;}

[Ashry]

Ma così facendo elimino l'effetto mouse over!

:quipy:

ora vedo cosa mi conviene fare!
Grazie per la dritta!

[antos]

http://www.meyerweb.com/eric/css/edge/
guarda questo menu

[Ashry]

é l'effetto che voglio io + o -!

[antos]

guardati/studiati il codice