bordi su immagine con link

[ratlook]

ciao a tutti, dovrei visualizzare un bordo su alcune immagini usando i css ed ho fatto in questo modo...

[img]prova.jpg[/img]

nel file css ho messo questo
.shadow1 { border: #333300 1px solid; }

con ie funziona tutto bene mentre con firefox no
è possibile ottimizzarlo anche per firefox?

ecco le due anteprime...





grazie!

[Mich_]

IL problema e` l'utilizzo di attributi HTML per la formattazione.
Togli tutti gli attributi di formattazione dall'HTML, e spostali nel CSS (verifica la sintassi, che e` leggermente diversa).
Poi se usi XHTML Strict, avrai una cosa circa uguale anche in IE6, se invece usi un'altra DTD dovrai usare i commenti condizionali per sistemare le dimensioni, dato che IE6/7(quirks mode) ha un box model diverso dagli altri browser.

[gengix]

Prova dare al link display:block con una width e una height pari alle dimensioni della tua immagine, oppure dai il bordo invece che al link all'immagine stessa.

[ratlook]

Originariamente inviato da Mich_
IL problema e` l'utilizzo di attributi HTML per la formattazione.
Togli tutti gli attributi di formattazione dall'HTML, e spostali nel CSS (verifica la sintassi, che e` leggermente diversa).

in che senso scusa?

[ratlook]

Originariamente inviato da gengix
Prova dare al link display:block con una width e una height pari alle dimensioni della tua immagine, oppure dai il bordo invece che al link all'immagine stessa.

le immagini sono 100x150px, potresti aiutarmi?

[Mich_]

Originariamente inviato da ratlook
in che senso scusa?

Nel senso che stai usando i CSS ( border: #333300 1px solid; ) e contemporaneamente stai usando formattazione generata con attributi HTML ( border="0" width="100" ... ).
Questo genera dei conflitti, che browser diversi risolvono in modi diversi.
Per usare bene i CSS devi eliminare tutta la formattazione HTML.