Dynamische Datenausgabe mit CSS-Design/Layout und PHP?

[thomas]

Hallo! Wollte nur mal kurz wissen, wie ihr daten dynamisch in einem CSS-Layout mit PHP ausgebt. Kommt da noch die gute alte <table><tr><td> zum Einsatz oder <divs> mit fortlaufender ID? Oder Listen? Das ist es was mich abschreckt eine dynamische Webseite mit CSS komplett zu gestalten und auf die nervigen Tabellen zu verzichten...

[Cheatah]

Hi,

Kommt da noch die gute alte <table><tr><td> zum Einsatz oder <divs> mit fortlaufender ID? Oder Listen?

wieso sollte beim Einsatz einer serverseitigen Technik - welcher auch immer - die per HTML transportierte Struktur eine andere sein als sonst? Selbstverständlich wird ein dem Sinn seines Inhaltes entsprechendes HTML-Element gewählt.

Cheatah

[thomas]

wieso sollte beim Einsatz einer serverseitigen Technik - welcher auch immer - die per HTML transportierte Struktur eine andere sein als sonst? Selbstverständlich wird ein dem Sinn seines Inhaltes entsprechendes HTML-Element gewählt.

Ja aber welches? <div>, <table> oder <li> z.B.?

Ich kann mir das einfach nicht vorstellen im Moment...

[Cheatah]

Hi,

Ja aber welches? <div>, <table> oder <li> z.B.?

<div> wenn semantiklos, <table> wenn tabellarische Daten, <li> wenn Listenpunkt. Ist doch nicht schwer, oder?

Ich kann mir das einfach nicht vorstellen im Moment...

Du versuchst, Dir die Darstellung vorzustellen. HTML sagt aber nur etwas über die Semantik aus.

Cheatah

[thomas]

Ok ich sehe schon dass wir da um ein Beispiel nicht rumkommen:

Ich habe sagen wir mal in PHP ein Array und möchte das geordnet ausgeben in einer bestimmten Formatierung. Früher habe ich dazu Tabellen verwendet (z.B. bei einem Forum). Oder gehts auch so:

foreach($a as $b) {

echo "<div id="$a" class="bla">$b</div>

}

es geht mir ja nur darum, dass sich die DIVS schön untereinander anordnen und eine bestimmte ID haben...

[Thomas Luethi]

Hallo,

Ich habe sagen wir mal in PHP ein Array und möchte das geordnet ausgeben in einer bestimmten Formatierung.
echo "<div id="$a" class="bla">$b</div>

Hier listest Du offensichtlich einfach gleiche Dinge auf.
Also nimmst Du am besten eine Liste. Z.B. <ul> oder <ol> ;-)

es geht mir ja nur darum, dass sich die DIVS schön untereinander anordnen und eine bestimmte ID haben...

Auch LI-Elemente duerfen eine Klasse haben.
Und das Bullet bzw. die Numerierung kannst Du auch
mit CSS "wegzaubern": list-style-type:none;

DIVs sind fast nie notwendig.

Gruesse,

Thomas

[thomas]

Also ist die Ausgabe z.B. eines Forums mittels Listen möglich?

[Thomas Luethi]

Hallo,

Also ist die Ausgabe z.B. eines Forums mittels Listen möglich?

Ja natuerlich - Du benuetzt gerade ein Forum, welches
die Threads in Form von Listen auflistet...
http://forum.de.selfhtml.org/ -> Ansicht -> Quelltext ;-)

Gruesse,

Thomas

[thomas]

Ok, lol das geht natürlich ;) aber was ist wenn ich eine tabellarische Listung benötige mit mehreren Spalten und Reihen? Da MUSS ich doch wieder <table> benutzen oder?

[Thomas Luethi]

Hallo,

aber was ist wenn ich eine tabellarische Listung benötige mit mehreren Spalten und Reihen? Da MUSS ich doch wieder <table> benutzen oder?

Nicht zwingend. ;-)

Gib uns doch endlich ein ganz konkretes Beispiel
von Deinen Inhalten.

Mit CSS kann man zwar theoretisch Tabellen nachbauen (*),
aber das wird von vielen Browsern nicht oder nur schlecht
unterstuetzt, und ist IMHO auch nicht sinnvoll.
Wenn Du tabellarische Daten hast, nimm eine HTML-Tabelle.

Gruesse,

Thomas

[thomas]

Wenn Du tabellarische Daten hast, nimm eine HTML-Tabelle.

Genau das wollte ich ja aus euch rauskitzeln... also mit Listen geht sowas nicht. Tabellarische Daten --> HTML-Tabelle. Letztes Wort?

thomas.

[thomas]

Lange Diskussion kurzes Ende (?): Eine dynamische Seite wie meine lässt sich nicht komplett tabellenlos umsetzen...

[Thomas Luethi]

Hallo,

Lange Diskussion kurzes Ende (?): Eine dynamische Seite wie meine lässt sich nicht komplett tabellenlos umsetzen...

Du vermischst da leider (schon wieder!) zwei voellig
unabhaengige Dinge.

Ueberlege _zuerst_, was fuer Daten Du hast.
OK, Du hast tabellarische Daten.
Also machst Du eine HTML-Tabelle.

Wie Du diese Tabelle dann zusammenbaust, ob von Hand,
mit einem WYSIWYG-Tool oder auf dem Server "dynamisch"
aus Daten einer Datenbank, ist fuer den HTML-Code
und fuer den Browser voellig irrelevant.

Gruesse,

Thomas

[Cheatah]

Hi,

ergänzend zu Thomas' Antwort:

Tabellarische Daten --> HTML-Tabelle. Letztes Wort?

Tabellarische Daten sind tabellarische _Daten_. Es handelt sich _nicht_ um tabellarische _Darstellung_ - oder gar um eine Darstellung, die Du bisher mit Tabellen gelöst hättest. HTML ist für die _Struktur der Daten_ da. Denke bei der Erzeugung Deines HTML-Codes _auf gar keinen Fall_ daran, wie er mal dargestellt werden soll! Das ist so ziemlich der größte Fehler, den Du begehen kannst.

Cheatah