Juergens-Workshops.de Forum
Thumbnails nebeneinander? Brauche Hilfe! - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Thumbnails nebeneinander? Brauche Hilfe! (/showthread.php?tid=22376)



Thumbnails nebeneinander? Brauche Hilfe! - Iceangel - 06.05.2007

Hallöchen!

Mache gerade bei meiner Page ein Face-Lifting Wink

Da hab ich nun aber ein kleines Problem...
Ich möchte gerne die Kategorien der Bilder-Gallerie nebeneinander, vll jeweils 3 in einer Reihe und nicht wie im unten angegebenen Link untereinander.
Ich bekomme es aber irgendwie nicht hin. Selbst mit einer Tabelle klappt es nicht 1a.

Hat jemand ein Tipp für mich?
http://www.dj-snippy.de/Inc/User/Marina/rahm/iframe2.html



Lieben Gruß
Marina


Thumbnails nebeneinander? Brauche Hilfe! - Kylee - 07.05.2007

tabellen konstrukt für drei bilder mit jeweils beschreibung darunter ....

Code:
<table align="left">
<tr>
<td>bild1.gif</td>
<td>bild2.gif</td>
<td>bild3.gif</td>
</tr><tr>
<td>beschreibung bild 1</td>
<td>beschreibung bild 2</td>
<td>beschreibung bild 3</td>
</tr></table>

Nachteil : wenn die auflösung zu klein ist verschiebt sich die tabelle automatisch sprich die bilder springen wieder nach unten du solltest sie also so weit wie möglich links anbringen oder die größe deiner thumbs zur darstellung anpassen. (aber ich glaub für deine seite sollte es passen)

oder einfach festplacken per div :

Code:
<div style="z-index:1;position:absolute;left:100px;top:10px">bild1.gif</div>

nach z-index kommt die reihenfolge je höher desto weiter oben liegt der layer du musst also aufpassen das beim positionieren sich die layer nicht überlagern .. am besten in versch. auflösungen ausprobieren ... nach left kommt der pixel abstand zum linken rand und top der pixelabstand zum oberen rand. Du könntest auch alles per css positionieren aber da solltest du dich selbst einlesen ich kann dir http://de.selfhtml.org/ empfehlen Smile

LG

Kylee