Frage zu Tabellenmissbrauch

[ARatedChris]

Hi Leute,

bin ja HTML Anfänger bzw Fortgeschrittener-Anfänger wenn man das so umschreiben kann, habe aber dennoch eine Anfänger-Frage an euch:


Wie man ja öfters hier im Forum liest sind bei vielen Anfänger Seiten die vorgestellt werden "Tabellen missbraucht".

Zum Beispiel (ohne jemanden anschwärzen zu wollen ;)) hier

Im Beispiel wurde ja für die Überschrift eine Tabelle erstellt.


Meine Frage ist wie ich sowas jetzt richtig und nicht missbraucht erstelle.

Bei einer Überschrift, so würde ich es machen, ein <p> Tag mit einer class die in einem Stylesheet definiert wurde - ist das dann "richtig"?

Oder bei meinem Fall:

Ich habe eine horizontale Schnellzugriffleiste nur mit Icons, das ganze erstellt mit einer Tabelle:

Ich denke dass ist falsch da man ja immer zu hören kriegt Tabellen sind für tabellarische Daten da, nicht fürs Layout. Macht man solche horizontalen Leisten dann mit <div>-Tags? Oder doch eine Liste (<ul>)? Wenn ja, wie mache ich so eine Liste dann horizontal? (Default ist ja nach vertikal.)


Das erstmal als Grundfrage :)

 

[aJunkie]

Überschriften definierst du mit <h1>Überschrift</h1>

 

[majo]

Navigationsleisten sind eine Liste von Links, folglich macht man die mit <ul>. Horizontale Listen macht man per CSS mit display: inline;

Ein div ist dazu da, um Elemente zu gruppieren, also kommt um das <ul> alleine kein div. Nur in Kombination mit mehreren Elementen.

 

[devilseye]

Tabellen sollten nur für das gebraucht werden wozu sie gemacht. Tabellen Layouts gabs nur damit man früher überhaupt ein Layout erstellen konnte da es noch kein CSS gab. Heute werden Tabellen nur noch zum darstellen von Tabellen gebraucht.

MFG devilseye

 

[JensB]

Eine Ausnahme ist vielleicht das CSS display: table-cell; was so eine Art Schummel-Lösung ist, wenn man sich zu sehr nach den Tebellenzellen-Eigenschaften sehnt ;-)

 

[Loon3y]

Überschriften definierst du mit <h1>Überschrift</h1>

nein. Du hast auch weitere <h>-Tags zur Verfügung um Überschriften auszuzeichnen. <h1> ist in der Regel immer die Überschrift der Seite, also der Header / Banner.


Warum Layout mit Tabellen dumm ist: Probleme definiert, L
yatil!: Der Div-Wahnsinn
http://www.reiermeister.de/webauthoring.tabellen-design-durch-div-layer-ersetzen.html


Gruß.
Loon3y

 

[DrPCox]

nein. Du hast auch weitere <h>-Tags zur Verfügung um Überschriften auszuzeichnen. <h1> ist in der Regel immer die Überschrift der Seite, also der Header / Banner.


Warum Layout mit Tabellen dumm ist: Probleme definiert, L
yatil!: Der Div-Wahnsinn
http://www.reiermeister.de/webauthoring.tabellen-design-durch-div-layer-ersetzen.html


Gruß.
Loon3y

h1 ist lediglich eine Überschrift 1. Ordnung.....

 

[Loon3y]

h1 ist lediglich eine Überschrift 1. Ordnung.....

Habe auch nichts anderes behauptet. Lediglich die Aussage korregiert, dass man Überschriften mit <h1> auszeichnet.

 

[aJunkie]

Ja danke. ^^
1. Überschrift = h1
2. " = h2
Das geht bis 6