Boardunity & Video Forum

Boardunity & Video Forum (https://boardunity.de/)
-   Programmierung und Datenbanken (https://boardunity.de/programmierung-datenbanken-f23.html)
-   -   Safari, Fieldset und dt/dd/dl (https://boardunity.de/safari-fieldset-dt-dd-dl-t3597.html)

Philipp Gérard 26.09.2005 15:09

Safari, Fieldset und dt/dd/dl
 
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo allerseits,

entsprechend meiner Überzeugung, Webapplikationen sollten auch behindertengerecht sein, programmiere ich mit viel CSS und verwende, wo sinnvoll, passende HTML-Elemente. Ein Beispiel sind Formulare:

<fieldset>
<legend>Name des Bereichs</legend>
<dl>
<dt>Ihr Name...</dt>
<dd><input type="text"... /></dd>
<!-- viel mehr ... -->
</dl>
</fieldset>

Fieldset und Legend sind sehr sinvoll um Formulare zu unterteilen und inhaltlich zu gliedern. dl, dt und dd sind ein Ersatz für Tabellen, die hier aus inhaltlicher Sicht nicht angebracht wären. In allen Browsern bis auf einen klappt das auch bestens, nur Safari macht Probleme, die ich mir nicht erklären kann. Bitte schaut euch mal das Bild im Anhang an. Kennt ihr dafür eine Lösung? Vielen Dank!

Grüße,
Philipp

MaMo 26.09.2005 15:20

Hi.

Also ich nutze anstatt dl,dt,dd "label" aber das nur nebenbei...
Hast du die dl,dt,dd irgendwie mit CSS formatiert? Wenn ja wäre der Code dazu auch nicht schlecht.

MfG MaMo

Philipp Gérard 26.09.2005 15:24

Legend ist auch eine Idee, semantisch sogar noch sinniger. Ich bau das mal um...

Fabchan 26.09.2005 15:24

Ich kann dir leider dazu direkt auch nicht helfen, aber eigentlich brauchst du keine Definitionslisten. Hier mal ein tolles Beispiel, um Formulare so zu realisieren, wie MaMo vorgschlagen hat:
http://www.aplus.co.yu/css/styling-form-fields/

MaMo 26.09.2005 15:35

Hi.

Hier eine Art Tutorial (da hab ich die Idee weg):
http://www.quirksmode.org/css/forms.html
So hab ich das umgesetzt:
http://mamo-net.de/search.php

MfG MaMo


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:01 Uhr.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25