[CSS] 3x3 bilder ausrichten

hypostasis

Well-known member
ID: 128663
L
23 April 2006
202
23
hallo,

ich habe ein problem, dass ich möglichst schön lösen möchte.
ich habe 9 bilder, die ich so ausrichten möchte:

Code:
(B1) (B2) (B3)
(B4) (B5) (B6)
(B7) (B8) (B9)

wie kann ich das möglichst schön lösen?

vielen dank.
 
Code:
div.image {
  width: 120px;
  display: block;
}
div.row {
  display: inline;
}
HTML:
<div class="row">
  <div class="image"> ... </div>
  <div class="image"> ... </div>
  <div class="image"> ... </div>
</div>
<div class="row">
  <div class="image"> ... </div>
  <div class="image"> ... </div>
  <div class="image"> ... </div>
</div>
<div class="row">
  <div class="image"> ... </div>
  <div class="image"> ... </div>
  <div class="image"> ... </div>
</div>

Ungetestet.
 
Code:
div.image {
  width: 120px;
  display: block;
  float: left;
}

sonst sind die Bilder nicht untereinander ;)

Greetz

paddya