Menü Beispiel 02
    
WWW.WEB-TOOLBOX.NET
DOWNLOAD Code Textdatei ZURÜCK SITEMAP  

 Menüs Beispiel 02 - Textlinks

Dieses Beispiel benötigt eine Überarbeitung und wird in den nächsten Stunden / Tagen in einer neuen Version vorliegen. Die Gestaltung von Webseiten unterliegt einem stetigen Wandel. CSS macht vieles einfacher und die neuen Browser erlauben den Einsatz solcher Anweisungen.


Hier ein Menü ohne großen Aufwand.

Verwendet werden durch CSS formatierte Textlinks. Alles steht innnerhalb von 2 verschachtelten Tabellen. Die Hervorhebung der Überschriften wird durch eine andere Hintergrundfarbe erreicht. Zellenbreiten werden durch ein transparentes Image erzwungen.



 verwendetes Image:

transparentes Pixel:    gezerrt:  


Der Link: <a class="textlink" href="datei.htm">Autohaus Beule </a><br>




    
Autohäuser
 Autohaus Beule  Autohaus Busch  Autohaus Cremer  Autohaus Distel  Autohaus Hilgers  Autohaus Klemm  Autohaus Leibig  Autohaus Meister  Autohaus North
Fahrradläden
 street and trail  Zweipfennig  der Holländer  bike shop  Rennsport Ider  das Fahrradhaus  Räder Gillessen
    



Autohäuser
Autohaus Beule
Autohaus Busch
Autohaus Cremer
Autohaus Distel
Autohaus Hilgers
Autohaus Klemm
Autohaus Leibig
Autohaus Meister
Autohaus North
Fahrradläden
street and trail
Zweipfennig
der Holländer
bike shop
Rennsport Ider
das Fahrradhaus
Räder Gillessen
    

Aufbau der Tabelle:

Die Navigation steckt innerhalb zweier Tabellen.

Die äußere Tabelle (cellpadding="1") sorgt für den farbigen Rand, der die innrere Tabelle umschließt.

Die innere Tabelle hat 2 Spalten. Die erste Spalte erzwingt den Abstand von links.

Die Tabellenzeilen für die Überschriften wurden mit einer dunklen Hintergrundfarbe hinterlegt.


Anpassung Textlinks:

 Link-Textfarbe
 Link-Textgröße
 Link-Font
 Link-Unterstrich
 Transformierung Großschrift

CSS Formatierung im HEAD:

<style type="text/css">
<!--
.textlink {
 color:#000000;
 text-decoration:none;
 font-family:verdana,arial,helvetica;
 font-size:8pt;
 text-transform: none;
}
.textlink:visited {
 color:#000000;
}
-->
</style>


Anpassung Menüfarbe:

 Hintergrundimage
 Hintergrundfarbe
 farbiger Rand

NACH OBEN