Verzweifelter Neuling, mehrere bilder zentrieren

[henman]

hallo,

ich distanziere mich mal von deinem Code und gebe dir einen Hinweis darauf, wie man Bilder nebeneinander zentrieren kann.
Über CSS kannst du mit text-align:center; zum Beispiel Text zentrieren. Bilder scheuen sich da nicht und machen mit.

<div style="text-align:center;">  
<img src="bild1.gif" alt="">  
<img src="bild2.gif" alt="">  
</div>

Mehr braucht man nicht im Prinzip nicht.

Besser ist es aber, da es sich quasi um eine Auflistung handelt, die Bilder in eine Liste zu packen.

<ul>  
<li><img src="bild1.gif" alt=""></li>  
<li><img src="bild2.gif" alt=""></li>  
</ul>

über CSS kannst du die Aufzählungszeichen mit list-style:none; ausblenden. die listenpunkte musst du dann noch mit display:inline; nebeneinander setzen. Dazu wieder text-align:center; und schon stehen die Bilder zentriert und nebeneinander.
Dazu kommt noch, dass du mit dieser Semantik auch schneller wieder zur Navigation findest, im Quelltext, falls du etwas hinzufügen willst. Die Wartbarkeit ist immens gestiegen.

noch was zu deinem Code: versuche nicht alles in divs zu packen, wenn du mit CSS arbeiten willst. img-Elemente können auch Klassen, Ids haben und direkt über CSS angesprochen werden.

<div id ="menu1">

[...]
        </div>
        <div id ="menu1">
         [...]
        </div>

  
eine id darf im Dokument nur ein einziges Mal vorkommen. Nutze Klassen, wenn du mehreren Elementen CSS-Eigenschaften zuweisen willst.  
  
  
grüße,  
henman

-- 
"Sir! We are surrounded!" - "Excellent! We can attack in any direction!"