Sitemap 03

 Sitemap 03  Beispiel 02

Auch für Sitemaps habe ich separate Beispielseiten ohne weitere Erklärungen erstellt. Im Wesentlichen handelt es sich um Varianten durch unterschiedliche CSS-Anweisungen. Hier Beispiele zur Formatierung der Sitemap 03.

<div class="map4">

<a href="dateiname.htm">

<span class="Header">&bull; erste Schritte mit HTML</span>
<span class="Hinweis">Editor / Grundlagen / Referenz + PDF-Datei zum Download</span>
<span class="Datei">erste-schritte.htm</span>

</a>

</div>

<style type="text/css">
<!--

.map4 {
        margin: 0 0 15px 30px;
        border-bottom: 1px solid #CFCFCF;
        border-left: 10px solid #CFCFCF;
        color: #0070C0;
        display: block;
        padding:10px;
        background-color: #F5F5F5;
}

.map4 .Header {
        font-size: 12px;
        font-family: Verdana,Arial, sans-serif;
        font-weight:bold;
        margin: 10px 0px 7px 0px;
        padding-left:0px;
        text-transform: none;
        display: block;
}

.map4 a:link, .map4  a:visited  {
        color: #AAAA00;
        font-weight: normal;
}

.map4 a:hover {
        color: #5F5F5F;
        font-weight:bold;
}

.map4 .Hinweis {
        font: 10px Verdana, sans-serif;
        text-transform: uppercase;
        color:  #AAAA00;
        margin: 0px 0px 3px 0px;
        display: block;
}


.map4 .Datei {
        font: 11px Verdana, sans-serif;
        color: #7F7F7F;
        text-transform: none;
        margin: 0px 0px 10px 0px;
        display: block;
}

-->
</style>