| Autor | Zpráva | ||
|---|---|---|---|
| Pavel Dumbrovský Profil |
#1 · Zasláno: 13. 11. 2011, 15:01:33 · Upravil/a: Pavel Dumbrovský
Zdravím Vás,
prosím o radu s problémem. Mám fotogalerii v tabulce, fotka na buňku, vycentrované v ose x. Pod každou fotkou chci mít okrasný stín, zároveň fotka v rámečku, řeším to takto:
#galerka table td a img {border: 7px solid #ffffff;}
#galerka table td span a { padding-bottom: 8px;}
#galerka table td span {background-image: url("pictures/album.png"); background-position: bottom center; background-repeat: no-repeat;}
<table>
<tr align="center"><td><span><a><img></a></span><h3>popis</h3></td></tr>
</table>
Problém je v tom, že aby byla fotka na centru ve všech prohlížečích, musím jí dát display: inline, ovšem to zase způsobí, že se pod fotkou udělá asi 10px mezera, při display:block to nedělá. Potřebuji to mít kvůli tomu pozadí a následnému popisku pod fotkou přesné ve všech prohlížečích, v IE7 se ta mezera nedělá. Ví někdo, jak se tohoto zbavit? Díky moc! |
||
| margin Profil * |
#2 · Zasláno: 13. 11. 2011, 16:20:52
#galerka table td a img {border: 7px solid #ffffff; display: block; margin: auto;}Ostatní kód nechej, jak máš, mělo by se to vycentrovat všude, pokud ne, tak dej odkaz na živou ukázku. |
||
| Trejpa Profil |
#3 · Zasláno: 13. 11. 2011, 19:32:33
Pavel Dumbrovský:
A článek o mezeře pod obrázkem jsi četl? |
||
| Pavel Dumbrovský Profil |
#4 · Zasláno: 13. 11. 2011, 20:42:13
margin:
Díky moc, to mi pomohlo. Trejpa: Taky děkuju, pročetl jsem to, ale můj problém ty neřešilo. |
||
|
Časová prodleva: 12 let
|
|||
0