Thumbnails worden niet op dezelfde manier getoond.

[marc 05]

Ik wil door middel van thumbnails zoals ik dat in onderstaande testpagina gedaan heb een paar foto`s tonen.

http://www.digitreport.com/vakantie/italie/2012/test.php


Nu lukt het me niet om dit gelijk te krijgen voor iedere browser....chrome, en Firefox laten de foto op een heel andere manier in de tabel zien.

Ik moet dacht ik een <div> gebruiken om de foto te laten zien.... maar ik krijg dit dan niet in het midden geplaatst binnen mijn <div id="conten">
Als mogelijke oplossing heb ik dit in een tabel geplaatst, maar als ik een padding meegeef voor de linkerkant dan krijg ik deze niet te zien.
Verder wil ik hier de groene balk voor dit script niet zien als ik met de musi over het plaatje beweeg.
Het plaatje wat getoond gaat worden is 600 * 450 .... als ik de tabel dezelfde maat meegeef dat gaat dat in IE wel beter.
De tabel hoeft later geen randen er omheen te hebben maar de foto moet in het verlengde staan van een gewone foto die binnen
<p class="middenin"> staat.

 

[marc 05]

Ik ben iets verder gekomen... het plaatje staat in IE wel mooi in het midden. Heb even geprobeerd bij de thumbnails de groene kleur weg te krijgen bij hover.
Ik had de padding hiervoor op 0 gezet...maar in Chrome en Firefox komt er dan beneden aan de rand van de foto de groene kleur die je bij Hover krijgt.

Verder wanneer je iets mlaag scrollt in Chrome en je gaat over zo`n thumbnail dan springt het beeld weer helemaal naar boven.

De a:hover en a;focus evenals de a kleur moet verder wel behouden blijven voor het content. Alleen op de foto niet.

 

[marc 05]

Kan iemand me vertellen of dit in te stellen is in css of dat dit dus voor een bepaalde browser niet gaat.
Zo ja, hoe kan ik dit dan instellen.

Het is volgens mij niet echt mogelijk bij een foto die als link dient de padding aan de onderkant weg te halen.