IT-Academy Logo
Sign Up Login Help
Home - Programmieren - HTML - Linkbox ohne Javascript



Linkbox ohne Javascript

Wenn man zuviele Links hat, leidet die Übersicht. Man kann dies zwar mit Javascript-Formularen lösen, hier jedoch eine elegantere Methode.


Autor: Patrick Faes (dreamer)
Datum: 07-12-2003, 14:16:06
Referenzen: keine
Schwierigkeit: Anfänger
Ansichten: 4712x
Rating: 8.33 (3x bewertet)

Hinweis:

Für den hier dargestellte Inhalt ist nicht der Betreiber der Plattform, sondern der jeweilige Autor verantwortlich.
Falls Sie Missbrauch vermuten, bitten wir Sie, uns unter missbrauch@it-academy.cc zu kontaktieren.

[Druckansicht] [Als E-Mail senden] [Kommentar verfassen]



[HTML - CSS] Einfache Linkboxen ohne Javascript

Man kann sich sehr viel Platz auf der Seite sparen indem man die Links einfach in einer Linkbox steckt. Die meisten Leuten machen dies mit Forms und Javascript, was zu Kompatibilitätsproblemen führen kann, aber das muss wirklich nicht sein.




Man kann dies sehr einfach mit HTML und CSS machen.

<table><tr><td>
<div style="height: 40px; overflow: auto;">
<a>link 1 </a> <br>
<a>link 2 </a> <br>
<a>link 3 </a> <br>
<a>link 4 </a> <br>
<a>link 5 </a> <br>
<a>link 6 </a> <br>
<a>link 7 </a> <br>
</div>
</td></tr></table>

Erläuterung

Es handelt sich um eine DIV-Bereich der in einer Tabelle gesteckt wird. Die Tabelle dehnt sich automatisch aus und kann natürlich grafisch aufgepeppt werden mit Border, Background-Color usw.
Der DIV-Bereich darin muss eine feste Höhe haben und mit dem Attribut overflow:auto; wird dann, wenn die Höhe zu begrenzt ist, einen Schiebebalken hinzugefügt.
Hierdurch hat man dieselbe Funktionalität, aber ohne dass die nicht-javascriptfähigen Browser darauf versichten müssen.




[back to top]



Userdaten
User nicht eingeloggt

Gesamtranking
Werbung
Datenbankstand
Autoren:04508
Artikel:00815
Glossar:04116
News:13565
Userbeiträge:16552
Queueeinträge:06246
News Umfrage
Ihre Anforderungen an ein Online-Zeiterfassungs-Produkt?
Mobile Nutzung möglich (Ipone, Android)
Externe API Schnittstelle/Plugins dritter
Zeiterfassung meiner Mitarbeiter
Exportieren in CSV/XLS
Siehe Kommentar



[Results] | [Archiv] Votes: 1154
Comments: 0