Nivea
Hmmm du kannst evtl auch die Bilder einfach rauf setzen, musst dann aber halt nach jedem dritten Bild n <br> reinklatschen und dann per CSS so mit margin arbeiten. Eventuell.
Oli
| Zitat: |
Original von Ileina
Hätte mir ne andere Lösung gewünscht, aber wenns nicht geht hab ich eben Pech 
Trotzdem Danke! |
Hi,
geht schon - ich würde dazu das HTML so aufstellen (Ich hab einfach mal dein Avatar verwendet):
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
|
<div class="bilder">
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
<div><img src="http://www.gegen-bilderklau.net/images/avatars/avatar-41691.gif" alt="" /></div>
</div> |
|
Das passende CSS dazu:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
.bilder {
clear: both;
width: 540px; /* SIEHE A) */
}
.bilder div {
float: left;
width: 100px; /* SIEHE B) */
border: 1px solid black;
margin-left: -1px;
margin-top: -1px;
text-align: center;
padding: 3px;
}
.bilder div img {
margin: 0px auto;
width: 100px; /* SIEHE B) */
} |
|
A) Hier muss die Breite der gesamten Fläche angegeben werden. Also:
Gesamtbreite = [Bilder nebeneinander] x [Breite eines Bildes] + [Bilder nebeneinander] x 10
B) Hier muss die Breite angegeben werden, die jedes Bild haben wird.
LG
