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
    

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