Layout ohne table

Stichwort CSS. Du machst Div Boxen, in denen Sidn abermals 2, im ersten die Frage, im 2ten die Antwort. U.s.w.

//CSS
.elem {
    display: block;
    clear: both;
}
.quest, .awnser {
    float: left;
}
.quest {
    margin-right: 20px;
}
.awnser p {
    vertical-align: top;
}
// HTML
<div class="elem">
 <div class="quest">
  <b><span color="#2A2A2A">Frage</span></b>
 </div>
 <div class="awnser">
  <p>Antwort</p>
 </div>
</div>

Hallo,

ich würde das mit Definitionslisten lösen. Siehe

http://dynamicinternet.eu/blog/2007-08-0…slisten-nutzen/

oder (auf englisch, aber leicht verständlich):

http://www.maxdesign.com.au/articles/definition/

Für dich wäre da das Example 4 interessant. Wenn die Linien wegsollen, brauchst du im css ja nur die border-*-Befehle wegzulassen. Anhand der Beispiele kannst du aber auch sehen, das das Aussehen der Definitionslisten fast nur anhand der CSS-Eigenschaften leicht geändert werden kann, falls dies später mal erforderlich sein sollte.

Ein weiterer Vorteil ist, das der HTML-Quelltext viel übersichtlicher ist als mittels DIV-Boxen oder Tabellen. In deinem Fall stünden die Namen und die Ausagen direkt untereinander, ohne das sie durch weitere Angaben unübersichtlich werden.

Gruss

MrMurphy