ugrás a tartalomhoz

Triviális IE, CSS probléma

3r1c · 2012. Jún. 12. (K), 09.17
Hello

A problémám a következő:

<table>
   <tr >
      <td><a rel="lightbox" href='*.jpg' target='_new' title='Nagyítás'>
      <img class="border" src='*.jpg' width=108 height=144 ></a>
      <td><a rel="lightbox" href='*.jpg' target='_new' title='Nagyítás'>
      <img class="border" src='*.jpg' width=108 height=144 ></a>
   </tr>
</table>
A táblához tartozó css kód:

table {color: black; text-align: center; width: 100%; border: 0; padding-top: 10px;}
table tr td { padding-top: 10px;}
img.border {-webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 10px #888; border: none; overflow: hidden;}
img.border:hover {border: 3px solid orange; margin: -3px;}
A probléma IE 6-7-8-alatt jelentkezik. A képekre tett szegély miatt a képek mikor rájuk viszem az egerett akkor ugrálnak jobbre-balra. Szóval ezt valahogy ki lehet küszöbölni.
‹ Csak szám jQuery menü apró problémával ›
 ■
1

Egyszerűbb, ha nem a margóval

csla · 2012. Jún. 12. (K), 09.27
Egyszerűbb, ha nem a margóval játszol, hanem alapból is teszel szegélyt a kép köré, ugyanakkorát, mint hover esetében, csak átlátszót.
2

Hali

3r1c · 2012. Jún. 12. (K), 10.28
Ezt hogy érted, hogy alapból teszek a kép köré. Most is alapból van a kép körül szegély, csak megvan adva hogy bizonyos képekehez adja hozzá.
Vagy nem?
3

Hali

3r1c · 2012. Jún. 12. (K), 10.37
Köszi

Leesett, hogy hogy érted meg is csináltam, de legalább mostmár nem ugrál.
4

td lezárás

Drawain · 2012. Jún. 13. (Sze), 11.22
A problémától függetlenül, azokat a td-ket érdemes lenne lezárni.
5

HTML-ben nem kötelező bezárni

tgr · 2012. Jún. 14. (Cs), 08.27
HTML-ben nem kötelező bezárni a td-t.
6

Nem kötelező

Hidvégi Gábor · 2012. Jún. 14. (Cs), 11.12
De érdemes.