zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden einen semantischen Turnierbaum basteln

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.01.2006, 23:48
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.01.2006
Beiträge: 153
Achereto befindet sich auf einem aufstrebenden Ast
Standard einen semantischen Turnierbaum basteln

Ich habe mich aus gegebenem Anlass mal daran gesetzt, einen vernünftigen Turnierbaum aus (einigermaßen) semantischem XHTML zu basteln.

div#page symbolisiert den kompletten Rahmen, der später um das Turnier herum erscheinen wird.

In jedem div.gruppe wird eine Rangliste angezeigt und eine Liste der Spiele in der jeweiligen gruppe.

Danach folgt das K.O.-System, in dem einzelne Runden durch Überschriften getrennt und die einzelnen Spiele untereinander aufgelistet sind.

1. Ist mir der Bau eines semantisch korrekten Turnierbaums gelungen?
2. Ist dieser Baum übersichtlich? Wenn nein: Warum nicht? Wie kann ich ihn verbessern?
Angehängte Dateien
Dateityp: zip turniere_138.zip (1,6 KB, 210x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.05.2006, 18:05
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.01.2006
Beiträge: 153
Achereto befindet sich auf einem aufstrebenden Ast
Standard

Ich habe mich jetzt nochmal drangesetzt und bin jetzt auf diese Idee gekommen:

Code:
<h3>Runde 1</h3>
<dl>
  <dt><a href="#">Spieler 1 - Spieler 2</a></dt>
  <dd>3:1</dd>
  <dt><a href="#">Spieler 3 - Spieler 4</a></dt>
  <dd>4:2</dd>
  <dt>Spieler 5 - Spieler 6</dt>
  <dd><a href="#">Ergebnis eintragen</a></dd>
  <dt>Spieler 7 - Spieler 8</dt>
  <dd> : </dd>
</dl>
<h3>Halbfinale</h3>
<dl>
  <dt><a href="#">Spieler 1 - Spieler 3</a></dt>
  <dd> : </dd>
  <dt>Sieger Spiel 3 - Sieger Spiel 4</dt>
  <dd> : </dd>
</dl>
<h3>Finale</h3>
<dl>
  <dd>Sieger 1. Halbfinale - Sieger 2. Halbfinale</dd>
  <dt> : </dt>
</dl>
Durch klick auf die Begegnung soll man zu den Matchdetails gelangen:
Code:
<h3> Spieler1 gegen Spieler 2</h3>
<dl>
  <dt>Map 1</dt>
  <dd>15: 10</dd>
  <dd><a href="#">Demo</a></dd>
  <dd><a href="#">Screenshot</a></dd>
  <dt>Map 2</dt>
  <dd>12:15</dd>
  <dd><a href="#">Demo</a></dd>
  <dd><a href="#">Screenshot</a></dd>
  <dt>Map 3</dt>
  <dd>15:7</dd>
  <dd><a href="#">Demo</a></dd>
  <dd><a href="#">Screenshot</a></dd>
  <dt>Map 4</dt>
  <dd>15:8</dd>
  <dd><a href="#">Demo</a></dd>
  <dd><a href="#">Screenshot</a></dd>
  <dt>Endergebnis</dt>
  <dd>3:1</dd>
</dl>
Was denkt ihr über dieses Markup für ein Turnier? Ist es sinnvoll, das Finale in eine Definitionsliste zu packen, obwohl diese Liste nur ein Element enthält?
Und zum Thema Barrierefreiheit: Sind die Links so gesetzt, dass man schon vor dem klicken weiß, wo der Link hinführt?

Danke schonmal für eure Kommentare
__________________
Freiheit.

Geändert von Achereto (17.06.2006 um 05:23 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.06.2006, 05:20
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.01.2006
Beiträge: 153
Achereto befindet sich auf einem aufstrebenden Ast
Standard

Also wirklich. Über 500 Visits und schon über 100 mal den Anhang oben runtergeladen aber noch keine Antwort
Kann sich denn nicht wenigstens einer erbarmen und mir seine Meinung zu dem Code sagen?
Bittebittebitte.
__________________
Freiheit.
Mit Zitat antworten
  #4 (permalink)  
Alt 17.06.2006, 09:20
Benutzerbild von Yhi
Yhi Yhi ist offline
/* no comment */
XHTMLforum-Mitglied
 
Registriert seit: 28.05.2006
Beiträge: 208
Yhi befindet sich auf einem aufstrebenden Ast
Standard

Doch

Also ich muss schon sagen die Farben sind schlimm, aber der Code sieht in ordnung aus, viel anders kann man es denk ich nicht umsetzen.

mfg Yhi
__________________
PHP und Webdesign Blog
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Eigene Frameworks - Wie kann ich selbst basteln? SnakeMedia Javascript & Ajax 21 02.11.2010 16:09
aus vertikale menue horizontale basteln rafa CSS 3 21.04.2009 19:44
PHP: Funtionsaufruf aus String Basteln? tichy Serveradministration und serverseitige Scripte 6 04.11.2008 22:51
css noob am basteln freundesfreund CSS 7 12.05.2004 13:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:05 Uhr.