problem:bilder nebeneinander anordnen...

[munsel]

hi tutorials-community

hab ein problem, und zwar kriege ich es nicht hin, ein horizontales menü aus 5 grafiken mit jeweils 180*100px nebeneinander ohne rand in ein hauptdiv mit 900px zu erstellen. da kommt immer ein rand zwichen den einzelnen grafiken und die 5. grafik wird unter den anderen vier platziert. könntet ihr mir da eine lösung geben?

 

[Maik]

Hi,

vielleicht hilft dir da dieses Modell weiter:

#nav {
width:900px;
}

#nav ul {
margin:0;
padding:0;
}

#nav li {
display:inline;
}

#nav a {
float:left;
width:180px;
}

#nav a img {
border:none;
}

<div id="nav">
     <ul>
         <li><a href="#"><img src="..." width="180" height="100"></a></li>
         <li><a href="#"><img src="..." width="180" height="100"></a></li>
         <li><a href="#"><img src="..." width="180" height="100"></a></li>
         <li><a href="#"><img src="..." width="180" height="100"></a></li>
         <li><a href="#"><img src="..." width="180" height="100"></a></li>
     </ul>
</div>

Und bitte beachte unsere Netiquette bzgl. der Groß- und Kleinschreibung. Vielen Dank.

 

[munsel]

Danke für die schnelle Antwort und Entschuldigung für meine Kleinschreibung...