• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Spalten, einfachste Methode?

Status
Für weitere Antworten geschlossen.

Krobbus

Mitglied
Was würdet ihr machen, wenn ihr entweder 2 textpassagen in spalten nebeneinander stehen haben wollt (oder 1 Bild und eine textpassage). Ich habe das bisher immer mit ner tabelle gemacht, gibt es da eine bessere methode?
 
Eine Tabelle dient nur der Auszeichnung tabellarischer Daten, ist also das falsche Mittel.
HTML ist außerdem nur für die logische Struktur Deines Inhalts da, das ist also auch das falsche Mittel.

Layout hingegen macht man ausschließlich mit CSS. Informiere Dich da weiter. Insbesonder die Eigenschaft float dürfte Dich interessieren.
 
CSS3 bietet folgendes:

Code:
-moz-column-count:2;
-moz-column-width: 100px;
Allerdings unterstützen die meisten Browser dies noch nicht.

Es kommt immer darauf an was du machen möchtest, 2 spalten könntest du machen in dem du den Befehl "float:left;" / "float:right;" benutzt. Bei einen Bild + Text könntest ganz normal

Code:
<img style="float:right;" src="#" width=" " height=" " alt="Titel" />
<p> Text </p>
machen.

Ebenfalls könntest du könntest aber auch 2 spalten mit <dl> erzeugen, wofür auch meiner Meinung nach <dl> gedacht ist (Definitionsliste: 1 Zeile/Spalte der Begriff, 2 Zeile/Spalte die Definition).


Grüße und viel Erfolg.

Loon3y

 
Ganz vereinfacht geht das so:

Code:
<div style="float: left; width: 300px;">Inhalt links</div>
<div style="margin-left: 310px; width: 300px;">Inhalt rechts</div>
<div style="clear: left;">&nbsp;</div>

natürlich solltest du die Div's benennen und die CSS-Angaben in eine externe Datei auslagern wie hier beschrieben.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben