Bild verlinken

[himix]

Hallo,

habe ein Problem und zwar habe ich vier Bilder die ich verlinken möchte, bis jetzt habe ich nur die Bilder ausgerichtet und die Bilder fügten sich perfekt ein. Als ich dann jedoch die Bilder verlinken wollte ordneten sich diese untereinander an und nicht wie anfangs bestimmt 2 in reihe und dann 2 in zeile. Habe schon mit positions und allen möglichen einstellungen probiert bekomms aber nicht hin villeicht könnt ihr mir ja weiterhelfen.

Dies währe der code mit den links wo es dann nicht mehr funktioniert hat. Zur Info ich habe um die Bilder einen Rahmen der sich automatisch dem Inhalt anpasst aber wenn ich static als position nehme funktioniert dass nicht richtig.

<div id="post">
                </br>
                <a href ="sports.html"><img src="images/sports.jpg" style="width:400px; top:50px; left:20px"></a>
                <a href ="nature.html"><img src="images/nature.jpg" style="width:400px; top:50px; right:20px"></a>
                <a href ="commercial.html"><img src="images/commercial.jpg" style="width:400px; bottom:50px; left:20px"></a>
                <a href ="wedding.html"><img src="images/wedding.jpg" style="width:400px;  bottom:50px; right:20px"></a>
                </div>

Grüße

 

[threadi]

Du suchst nach der float-Eigenschaft die Du den Bildern geben muss:

float: left;

Mit Positionierung wirst Du hier nicht weit kommen. Daher bitte auch left und right wieder rausnehmen.

Moderation: Verschoben von HTML zu CSS da es um Gestaltung geht.