Tabellen mit CSS ersetzen

[Christian]

Hallo,

wie kann ich diese Tabelle durch eine CSS-Technik ersetzen?

http://www.moselcamp.de/cms/index.php?option=com_content&task=view&id=1&Itemid=2

[ingo]

Hallo,

erstelle eine Liste.

<ul class="gallery">
<li class="gallery"></li>
<li class="gallery"></li>
<li class="gallery"></li>
...
</ul>

Das CSS könnte dann ungefähr so aussehen.

ul.gallery {
  padding: 10px;
  margin: 10px;
}

li.gallery {
  display: inline;
  float: left;
  width: 300px;
  height: 200px;
  text-align: center;
}

Musste halt noch entsprechend anpassen.

Gruß,
Ingo

[Der Martin]

Hallo Ingo,

erstelle eine Liste.

einverstanden.

<ul class="gallery">
<li class="gallery"></li>
<li class="gallery"></li>
<li class="gallery"></li>
...
</ul>

Aber da sind mir _viel zu viele_ Klassen. Lass die Klassen in den li-Elementen einfach weg, sie sind überflüssig.

ul.gallery

Das bleibt im CSS so stehen.

li.gallery

Und diesen Selektor ersetzen wir schnell durch

ul.gallery li

und schon wird der Code um einiges aufgeräumter.

So long,
 Martin