<li> mit type "square" ?

[Tim Tepaße]

Ähm Andreas,

<tr>
<td class="menue"><li><a href="sms.html"> SMS </a></li></td>
</tr>
(Rest gekürzt)

Das Element <li> darf nicht innerhalb von Elementen wie <td> auftauchen,
eigentlich nur innerhalb von <ul>, <ol> und den unbekannteren <dir> und
<menu>.

http://selfhtml.teamone.de/html/referenz/elemente.htm#li

Du müßtest also wirklich diese Struktur basteln:

<td>
 <ul>
  <li>
   <a href="...">...</a>
  </li>
 </ul>
</td>

Also jedesmal in einer Tabellenzelle eine eigene Liste. Aufwendig.
Umständlich. Und eigentlich unsinnig. Also machen wir mal eine geistige
Kehrtwende.

Weswegen möchtest Du denn die Links als Listenelement haben? Vielleicht nur
wegen des Quadrates vorne? Da kann man auch genausogut ein Bild vor den Link
setzen, ähnlich wie die Icons, die in SELFHTML vor jedem Link stehen.

http://selfhtml.teamone.de/editorial/arbeitshinweise.htm#symbole

Oder wir machen noch einige geistige Kehrtwende. Durch Deinen jetzigen
Quellcode erreichst Du folgende optische Struktur:

Link

Link        (Das '#' soll das Kästchen von

Link         type="square" smybolisieren.  )

Link

...

Also untereinander stehende Links. Das erreicht man auch so, wenn man eine
Liste verwendet.

<ul type="square">
  <li><a href="...">...</a></li>
  <li><a href="...">...</a></li>
  <li><a href="...">...</a></li>
  ...
</ul>

Genau dasselbe. Und eigentlich genau so, wie es sein sollte. Im Zuge der
Richtlinien zur Barrierefreiheit einer Webseite wird sogar empfohlen,
Listen zur Strukturierung von Links zu nehmen, wenn ich mich erinnere.

Dann kannst Du die Liste entweder in eine Tabellenzelle packen (je nachdem
wie der Rest der Struktur Deiner Seite aussieht)...

<td>
  <ul type="square">
  ...
  </ul>
</td>

... oder gleich gucken, wo man sonst noch überall komische Tabellenstrukturen
rausschmeißen kann. ;-)

Sollten sich eventuell unschöne Absätze ergeben, dann empfehle ich, den
äußeren Abstand der Liste und den inneren Abstand der sie eventuell
umgebenden Tabellenzelle entsprechend zu formatieren:

http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm
  http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm

Es gibt mit CSS noch mehr Möglichkeiten Listen zu formatieren. Einmal mit
den CSS-Eigenschaften speziell für Listen, aber auch mit all den üblichen
Eigenschaften die CSS bietet.

http://selfhtml.teamone.de/css/eigenschaften/listen.htm

Und dazu ist noch dieser Artikel interessant.

http://www.alistapart.com/stories/taminglists/

• Tim