bordo sballato sul link :hover

[darkiko]

giorno

c'ho un problemino:
devo andare a mettere mano su un portfolio composto da una serie d'immagini di dimensioni differenti, disposte su due colonne... alcune di queste immagini sono link e io vorrei semplicemente che passando col mouse su queste immagini intorno all'immagine appaia un bordo arancione.

il mio codice html è semplicemente:

<div class="portfolio_loghi">
...
[img]img/portfolio/loghi/pluto.gif[/img]

<a href="index.php?pagina=pippo">
[img]img/portfolio/loghi/pippo.gif[/img]
</a>

...
</div>

mentre il css corrispondente è così:

.portfolio_loghi img{
border:0px;
margin-top:8px;
}
.portfolio_loghi a{
padding:4px;
border:0px;
margin:0px;
}
.portfolio_loghi a:hover{
border:2px solid #F60;
margin:0px;
padding:4px;
}

solo che quello che succede si vede qua sotto:

IE

FF


ed ovviamente la versione 'corretta' sarebbe quella di IE... dove sbaglio e come faccio a correggere?

grazie mille

[darkiko]

mah, io un uppettino lo farei

[pierofix]

Non so se per caso può essere questo il problema, ma hai provato a mettere a TUTTE le immagini un bordo "trasparente", e colorarlo solo all'hover?



P.S. Quando una dimensione è pari a zero, nei css non occorre specificarne l'unità di misura. border:0px si può tranquillamente scrivere border:0.

[darkiko]

Originariamente inviato da pierofix
Non so se per caso può essere questo il problema, ma hai provato a mettere a TUTTE le immagini un bordo "trasparente", e colorarlo solo all'hover?



P.S. Quando una dimensione è pari a zero, nei css non occorre specificarne l'unità di misura. border:0px si può tranquillamente scrivere border:0.

avevo provato a mettere un bordo bianco su sfondo bianco ma comunque mi da quel risultato sballato...


intanto grazie per l'altro consiglio, forse l'avevo letto da qualche ma non ero sicuro e allora specificavo sempre

[pierofix]

Mmm, prova così:

.portfolio_loghi img{
   border:0;
   margin-top:8px;
}
.portfolio_loghi a{
   padding:4px;
   border:0;
   margin:0;
   border:2px solid #fff;
}
.portfolio_loghi a:hover{
   border:2px solid #f60;
}

[darkiko]

niente, stesso problema

adesso appena ho un attimo faccio una prova su un file vuoto, così vedo proprio se è un problema così o se c'è qualche altra proprietà specificata nel css che da fastidio

[pierofix]

Facci sapè.