|
|||
Korrekte Elemente für Beschreibende Parameter
Hallo zusammen. Ich habe eine Semantikfrage^^
Ich habe eine Seite wo man Einträge reinstellen kann, um es genauer zu sagen Spiele. Die Spiele versieht man dann mit Parametern wie: Schwierigkeitsgrad, Dauer, Aufwand etc. Auf der Seite steht dann z.B. Schwierigkeitsgrad: Leicht Dauer: ca. 2 Stunden Aufwand: gering Die Frage jetzt, wie soll ich diese Parameter darstellen? also ich dachte mal sicher als unordered list (ul), aber soll ich auch noch verschiedene Parameter für das "Label" und die "ausgabe" verwenden? Danke schon im Voraus /edit: hab auch schon an eine definitionsliste gedacht, scheint aber unpassend
__________________
Cu Chullain Geändert von Cu Chullain (08.09.2010 um 21:34 Uhr) |
Sponsored Links |
|
||||
Vllt eher als Definitionsliste?
HTML-Code:
<dl> <dt>Schwierigkeitsgrad:</dt> <dd>leicht</dl> <dt>Dauer:</dt> <dd>ca. 2 Stunden</dl> <dt>Aufwand:</dt> <dd>gering</dl> </dl>
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
danke dir.
Was mach ich nun wenn es optisch tabellarisch aussehen soll? (also mit einem Einzug so dass die definition immer auf gleicher Höhe ist) muss ich das in eine Tabelle pappen?
__________________
Cu Chullain Geändert von Cu Chullain (08.09.2010 um 21:51 Uhr) |
|
||||
wie meinst du das? Kann dir grad nicht folgen, du kannst das doch per float nebeneinander setzen und bestimmte Breiten angeben.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
stimmt, aber wenn ich bestimmte breiten gebe ist das nicht mehr flexibel und passt sich nicht dem Text an -> ich müsste die Breite von DT immer dem längsten DT tag anpassen.
__________________
Cu Chullain |
|
||||
Gab's dafür nicht
Code:
display: table; (5 Minuten später) scheint so, im FF funktioniert das zumindest: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> x { display: table; } y { display: table-row; } z { display: table-cell; } </style> </head> <body><x><y><z>hallo</z><z>guten tag</z><z>wie geht's</z></y><y><z>alles klar</z><z>bestens</z><z>und selbst</z><z>auch gut</z><z>fein</z></y><y><z>dann ist ja alles in bester ordnung</z><z>tschüss</z></y></x> </body> </html> edit: Im IE < 9 leider nicht Siehe SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen |
|
||||
+1 für Tabelle
Ich würde es wohl so machen: HTML-Code:
<table> <tr> <th scope="row">Schwierigkeitsgrad:</th> <td>leicht</td> </tr> <tr> <th scope="row">Dauer:</th> <td>ca. 2 Stunden</td> </tr> <tr> <th scope="row">Aufwand:</th> <td>gering</td> </tr> </table> |
|
||||
Apropos:
Kennt jemand eine öffentlich verfügbare seriöse Studie, die zu dem konkreten Thema "Welches Markup für Datentabellen wird von Blinden in der Praxis tatsächlich genutzt/als hilfreich empfunden?" Behauptungen/Empfehlungen/Vermutungen kann man viele dazu lesen. Dies ist selbstverständlich keine Kritik an Deinem Beispiel.
__________________
|
Sponsored Links |
|
|||
Mit HTML 5 wurde dl von 'definition list' in 'description list' umgewidmet und ihre Verwendungszwecke entsprechend erweitert.
So betrachtet wäre eine dl für den obigen Zweck semantisch durchaus passend. Cu Chullains technische Einwände gegen eine dl kann ich nicht nachvollziehen (vielleicht habe ich ihn auch nur falsch verstanden), denn es gab hier im Forum bereits vor Ewigkeiten einen Thread, in dem Heiko eine 1a-Lösung präsentierte, die browserübergreifend bis runter zu Uralt-IE funktioniert. Heiko, magst du übernehmen? edit: Alexplus, schau mal in unserer Suchfunktion nach "hybriden CSS-Tabellen", die funktionieren auch in IE<9. Geändert von EvT (16.09.2010 um 19:51 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery und Cookies: Position mehrerer Elemente speichern? | sepp88 | Javascript & Ajax | 2 | 06.05.2011 14:59 |
[Formular] Semantisch richtige Elemente verwenden | Zeussi | (X)HTML | 9 | 07.09.2010 01:02 |
Elemente unbrauchbar bei absolute | Bara | CSS | 0 | 28.07.2010 07:18 |
Mehr (unnötige) Elemente oder weniger Flexibilität? | Pleex | CSS | 3 | 13.05.2009 23:17 |
Welche Positionierung für elemente eines Formulas? | bastien | CSS | 3 | 01.01.2007 23:31 |