Dreamweaver: Bilder nebeneinander anordnen - HILFE

[sarahmina]

Hallo zusammen!

Ich quäle mich schon seit einer Ewigkeit , deshalb jetzt die Frage ans Forum:
4 Bilder sollen nebeneinander nebeneinander anordnen.
(Bild je 200 x 200 px, Box soll 960 px breit sein, 53 px Abstand zw. den einzelnen Bildern)
- Was ist hier nur falsch?
Ich hoffe auf eure Hilfe! Danke schonmal

Mein Quellcode sieht jetzt so aus:

<span class="Bilderleiste">
<div class="Bild_01"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bild_01','','platzhalter_01_r.jpg',1)"><img src="platzhalter_01.jpg" alt="Bild_01" name="bild_01" width="200" height="200" border="0"></a><</div>

<div class="Bild_02"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild_02','','Platzhalter_02_r.jpg',1)"><img src="Platzhalter_02.jpg" alt="Bild_02" name="Bild_02" width="200" height="200" border="0"></a><</div>

<div class="Bild_03"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild_03','','Platzhalter_03_r.jpg',1)"><img src="Platzhalter_03.jpg" alt="Bild_03" name="Bild_03" width="200" height="200" border="0"></a><</div>

<div class="Bild_04"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild_04','','platzhalter_04_r.jpg',1)"><img src="platzhalter_04.jpg" alt="Bild_04" name="Bild_04" width="200" height="200" border="0"></a></div>
</span>

MEIN CSS:

}
.Bild_01 {
float: left;
}
.Bild_02 {
float: left;
padding-right: 253px;
}
.Bild_03 {
padding-right: 453px;
float: left;
}
.Bild_04 {
float: right;
}
.Bilderleiste {
height: 200px;
width: 960px;
margin-right: auto;
margin-left: auto;
}

 

[lachender_engel]

Da meine Glaskugel mal wieder in der Werkstatt ist und ich nicht weiß, wie Dein Ergebnis aussieht, kann ich nur raten wie das Ergebnis aussieht.
Spontan sehe ich einen Zeichenfehler in

</a><</div>

da ist ein < zu viel. Richtig muss es sein

</a></div>

 

[sarahmina]

Das Ergebnis soll so aussehen, dass die 4 Bilder nebeneinander unter dem content stehen.
Der Content ist mittig ausgerichtet mit einer festen Breite von 960 px.
Bisher sind die aber untereinander.
Die Zeichenfehler waren leider nicht das Problem

 

[Aelfry]

MEIN CSS:

}
.Bild_01 {
float: left;
}
.Bild_02 {
float: left;
padding-right: 253px;
}
.Bild_03 {
padding-right: 453px;
float: left;
}
.Bild_04 {
float: right;
}
.Bilderleiste {
height: 200px;
width: 960px;
margin-right: auto;
margin-left: auto;
}

Deine padding-right Werte sind viel zu hoch. Das sorgt wahrscheinlich dafür, dass deine Bilder nicht in einer Zeile sind.
Ist deine Seite evtl. auch online, dass man sich das mal live ansehen kann?