|
Home - Programmieren - HTML - Linkbox ohne Javascript
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. 
|
Autoren:04150
Artikel:00819 Glossar:04124 News:13569 Userbeiträge:16268 Queueeinträge:05150 
Projektsteuerung statt Anwesenheitskontrolle
MONDroid - your monitoring Solution for Android with PRTG-Support Red-Hosting jetzt mit erweitertem Shop-Webhosting-Angebot [Mehr News] 
Ihre Anforderungen an ein Online-Zeiterfassungs-Produkt?
|
