Ich erstelle ein Element auf meiner Seite wie folgt:
%Vor%Der Client möchte den gesamten Bereich anklickbar machen und die Liste der Vorteile mit Aufzählungszeichen anzeigen.
Soweit mir bekannt ist, können Listen nicht innerhalb von Anchor-Tags platziert werden.
Ich hatte gehofft, ich könnte ein Tag vor der Hand einfügen, dass ich die CSS-Liste-style-type Regeln anfügen konnte, aber das hat nicht funktioniert. Ich habe versucht, dieses Element zu einer festen Breite und Höhe mit einer Hintergrundfarbe zu machen, aber es wurde nicht richtig in IE6 angezeigt - was ich unterstützen muss.
Irgendwelche Ideen?
Anzeige setzen: Block für das Element A (Anker). Dann lege die UL-Liste hinein.
Warum nicht einfach eine ungeordnete Liste mit demselben Anker in jedem Listenelement erstellen? Sie können dann einfach benutzerdefinierte Aufzählungszeichen in jedes Anchor-Tag einfügen, sodass die Aufzählungszeichen anklickbar sind, und Sie können anstelle von Rändern Padding verwenden, um die Anker so zu platzieren, dass sie alle berühren.
Soweit mir bekannt ist, können Listen nicht innerhalb von Anchor-Tags platziert werden.
Sie haben Recht, und auch wenn es Browsern egal ist, ist es kein gültiges HTML.
Mein Vorschlag wäre, ein DIV zu verwenden und es per JavaScript klickbar zu machen. Möglicherweise möchten Sie weiterhin einen normalen Link innerhalb des DIV für Zugänglichkeitszwecke hinzufügen. Auf diese Weise behalten Sie die gesamte Semantik des Markups (es gibt einen <a> -Link und eine <ul> -Liste) und erhalten dennoch das gewünschte Endergebnis.
HTML:
%Vor%CSS:
%Vor%JavaScript:
%Vor%Sie können die verschiedenen Zeilen in Bereiche mit einer Klasse einschließen und dann mithilfe von CSS die Dekorationen um
hinzufügenHinzufügen einer linken Füllung und Anhängen eines Hintergrundbildes.
Verwenden Sie die Pseudoklasse: before und verwenden Sie CSS-Inhalt, um das Aufzählungszeichen hinzuzufügen.
Ich kann mich nicht erinnern, ob das funktioniert, aber Sie können auch versuchen, die Anzeige "span display = list-item und list-style-type = disc
Tags und Links html css html-lists