float:left oder float:right
Dann noch margin-left 5px und sollte hinhauen
Hast du das ganze schonmal mit einer Liste versucht? 
HTML:
<div id="bilder">
<ul>
<li><a href="LINK"><img src="BILD" border="0"></a></li>
<li><a href="LINK"><img src="BILD" border="0"></a></li>
<li><a href="LINK"><img src="BILD" border="0"></a></li>
<li><a href="LINK"><img src="BILD" border="0"></a></li>
</ul>
</div>CSS:
#bilder ul {
padding: 0;
margin: 0;
}
#bilder li {
list-style-type: none;
float: left;
padding: 0;
margin: 0;
}
#bilder img {
width: GRÖSSE
height: GRÖSSE
display: block;
}
Hab das gerade aus dem Kopf raus geschrieben. Teste es am besten aus und zeig mir das Ergebnis, falls was nicht stimmt.
Oder einfach die Methode von @FileX verwenden.
Freundliche Grüsse
Danke für eure Hilfe
Ich habe Swift´s Code benutzt das Bild ist in der linken oberen Ecke.
Vllt. habe ich etwas falsch gemacht.
Kann mir einer bitte helfen?
So sollte es am Ende aussehen : [BILD] [BILD] [BILD]
-Chrome
<style>
ul {
margin: 0px;
padding: 0px;
}
ul li {
display: inline-block;
float: left;
margin: 0px 10px;
}
</style>
<ul>
<li><img src="#"></li>
<li><img src="#"></li>
<li><img src="#"></li>
</ul>Kann sein, dass du den Code falsch platziert hast. Aber versuch es mal wirklich mit, wie bereits gesagt wurde: margin-left: 5px
Screenshot zum Problem?
Ich glaube das sollte dein Problem lösen...
<html>
<head>
<style>
#bild1 {
margin-left:10px;
float: left;
}
#bild2 {
margin-left:10px;
float: left;
}
#bild3 {
margin-left:10px;
float: left;
}
</style>
</head>
<body>
<div id="bild1"><img src="#"></div>
<div id="bild2"><img src="#"></div>
<div id="bild3"><img src="#"></div>
</body>
</html>Ich denke du solltest den Code zum zentrieren einfügen:
.imgzentriert {display: block; text-align: center;}
Zum verlinken einfach:
<a href="x-Seite"><img src="dein-bild.jpg" /></a>
Bei x-Seite kommt der Pfad bzw. der Domain zu der Seite. Bei dein-Bild.jpg fügst du den Dateinamen für dein Bild ein.
Dieser Code sollte funktionieren:
<style>
ul {
width: BREITE;
margin: 0px auto;
padding: 0px;
}
ul li {
display: inline-block;
float: left;
margin: 0px 10px;
}
</style>
<ul>
<li><a href="#"><img src="#"></a></li>
<li><a href="#"><img src="#"></a></li>
<li><a href="#"><img src="#"></a></li>
</ul>@Swift Das Problem besteht weiterhin 
Mit Lightshot geschossen
Der Screen zeigt die Linke obere Ecke.
Kannst du mir den vollständigen HTML/CSS-Quelltext zu den betreffenden Elementen schicken?
Würde den dann überarbeiten.
Dieser Code sollte funktionieren:
Spoiler anzeigen
Code<style> ul { width: BREITE; margin: 0px auto; padding: 0px; } ul li { display: inline-block; float: left; margin: 0px 10px; } </style> <ul> <li><a href="#"><img src="#"></a></li> <li><a href="#"><img src="#"></a></li> <li><a href="#"><img src="#"></a></li> </ul>
Wie gesagt versuch diesen der funktioniert.
Hast du tv?
Füge in den Code hinzu:
#bilder ul {
margin: 0;
padding:0;
}
Was war die Lösung deines Problems?
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!