<< FH Düsseldorf  
FACE >> 
Geschichte >> 
Projekte >> 
Neue Projektideen >> 
Projektgruppe >> 
Artikel >> 
Weblog >> 

Übersicht >> 
Inhalt >> 
Gestaltung >> 
Redaktion >> 
Technik >> 
Barrierefreiheit >> 
Glossar >> 
Entwürfe>> 

HTML & CSS >> 
Webcontainer System >> 

Version 1.1 >> 

Version 2.1 >> 

Version 3.3 >> 

Alle Versionen >> 

 
  FH D        
 

Fachhochschule
Düsseldorf




     

HTML & CSS Version 3.3


Variante mit einer grossen HTML Tabelle, relativen Größen und Abständen sowie multipel kombinierbaren Style-Klassen und verschachtelten Definitionen für Links.

[Stand Mai 2005]

Alle Versionen >> 


Grundsätzliches

Erläuterungen >> 

Aufbau und Struktur >> 
CSS-Zuweisung >>
Besonderheiten >>




02.01.2007r>

HTML

Erläuterungen >>

HEAD & BODY >>
Kopf-Navigation >>
Kopf-Container >>
Content-Container >>
Mehrzeilige Content-Container >>
Fuß-Navigation >>
Trenner >>

CSS

Erläuterungen >>

Globaldefinitionen >>
Globaldefinition Tabelle >>
Containertypen >>
Containerfarbe >>
Containerabstand links >>
Containerabstand oben >>
Spezialzeile >>
Edit-Zelle >>
Dynamische Container >>
Soundsteuerung >>
Blockelemente (Content) >>
Formulare (Content) >>
Listen (Content) >>
Inlineelemente (Content) >>
Textfarben (Content) >>
Globaldef. Links (Content) >>
Links in Listen (Content) >>

 

Beispiel HTML-Seiten

 

Masterseite >> 
Masterseite mit sichtbaren Platzhalter (blank.gif) >>
Spezielle Statuszeilen >>
Editcontainer >>
Tabelle in einer Zelle >>
Vorlesungscontainer >>

Grafiken und CSS-Datei

 

Grafiken [Übersicht] >>
CSS-Datei 3.3 [CSS] >> 
CSS-Datei 3.3 [TXT] >> 

CSS-Definitionen



Globaldefinitionen


Grundsätzliche Definiton, daß erstmal alles im body keine Ränder oder Abstände hat.

 

body
        {
        border:0px;
        margin:0px;
        padding:0px;
        background-color:#cccccc;
        }

Seitenanfang ^^ 

Globaldefinitionen
für die Tabelle


Grundsätzliche Definiton der Tabellengesamtbreite, der Schriftart- und Größe, sowie der Standard-Abstände einer Tabellenzelle. Diese zentralen Definitionen können durch Klassen ueberschrieben werden.

 

table
        {
        width:73.92em;
        min-width:768px;
        background-color:#cccccc;
        border-spacing:0em;
        border:0em;
        padding:0em;
        font-family:Verdana,sans-serif;
        font-size:0.64em;
        line-height:1.25em;
        font-style:normal;
        font-weight:normal;
        }

td, th
        {
        padding:0em;
        vertical-align:top;
        text-align:left;
        border-left-style:solid;
        border-left-width:0.77em;
        }

Seitenanfang ^^ 

Definitionen für die Containertypen

(ZWeCContainer)


Grundsätzlich gibts es nur die nebenstehenden vier Containertypen. Also muss ein <td>, daß einen Container erzeugen bzw. darstellen soll, eine der nebenstehenden Klassen zugewiesen bekommen.

Sobald ein Textcontainer mehr als eine Spalte breit ist, soll er die Klasse .textcontainerindent zugwiesen bekommen, damit der Text innerhalb des Containers einen optisch optimaleren (größeren) Abstand zum rechten Containerrand bekommt.

 

.navigationcontainer
        {
        padding-left:0.77em;
        padding-right:0.77em;
        padding-top:0em;
        overflow:hidden;
} .textcontainer { padding-left:0.77em; padding-right:0.77em; padding-top:0.385em; overflow:hidden;
} .textcontainerindent { padding-left:0.77em; padding-right:6.16em; padding-top:0.385em; overflow:hidden;
} .imagecontainer { padding-left:0em; padding-right:0em; padding-top:0em; line-height:0em; } .kopfcontainer { padding-left:0em; padding-right:0em; padding-top:0em; } .kopfcontainer p { padding-left:0.77em; padding-right:0.77em; padding-top:0em; }

 

Seitenanfang ^^ 

Definitionen für die Containerfarben

(ZWeCLeaf)


Klassen für die Containerfarbe der Zelle des Containers und der dazugehörigen Textfarbe. Ein Container muß also eine der nebenstehenden Klassen zugewiesen bekommen, im Normalfall wäre dies die Klasse "standardcolor".




 

.standardcolor
        {
        background-color:#ffffff;
        color:#000000;
        }
        /*schwarze schrift, weisser grund*/


.transparentcolor
        {
        background-color:#cccccc;
        color:#000000;
        }
        /*schwarze schrift, grauer grund*/

.specialcolor
        {
        background-color:#000000;
        color:#ffffff;
        }
        /*weisse schrift, schwarzer grund*/

.headcolor
        {
        background-color:#ff0000;
        color:#ffffff;
        }
        /*weisse schrift, roter grund*/


.editcolor
        {
        background-color:#ff0000;
        color:#ffffff;
        }
        /*weisse schrift, roter grund*/
		

Seitenanfang ^^ 

Definitionen für die Containerabstände LINKS

(ZWeCLeaf)


Klassen fuer die Farbe des Abstands der Zelle links neben eines Containers. Auch hier gilt, daß ein Container eine der nebenstehenden Klassen zugewiesen bekommen muß.

 

.standardleftspace
        {
        border-left-color:#cccccc;
        }
        /*grau*/

.combinedstandardleftspace
        {
        border-left-color:#ffffff;
        }
        /*weiss*/

.combinedspecialleftspace
        {
        border-left-color:#000000;
        }
        /*schwarz*/

.combinedheadleftspace
        {
        border-left-color:#ff0000;
        }
        /*rot*/

.combinededitleftspace
        {
        border-left-color:#ff0000;
        }
        /*rot*/


Seitenanfang ^^ 

Definitionen für die Containerabstände OBEN

(ZWeCLeaf)


Klassen für Abstand der Zelle ueber dem Container. Für "kein Abstand" gibt es keine Klasse, weil es dann die Zelle nicht gibt.

 

.standardtopspace
        {
        background-color:#cccccc;
        border-left-color:#cccccc;
        height:0.77em;
        line-height:0em;
        }

.specialtopspace
        {
        background-color:#cccccc;
        border-left-color:#cccccc;
        height:2.3em;
        line-height:0em;
        }


Seitenanfang ^^ 

Definitionen für die Spezialzeile


Diese Tabellenzeile erscheint auf jeder Seite zwischen der Hauptnavigation und dem Kopfcontainer. Durch diese Zeile und die in ihr enthaltene Platzhalter Grafik werden die Spaltenbreiten der Seite definiert.

 

.pagedefinitiontopspace
        {
        width:17.71em;
        background-color:#cccccc;
        border-left-color:#cccccc;
        height:2.3em;
        line-height:0em;
        }

Seitenanfang ^^ 

Definition für die "Edit" Zelle unter Containern
(ZWeCLeaf)


Die Klasse "editspace" definiert die Farbe für die Zeile mit den Buttons zum editieren von Containern im Interface zur Bearbeitung von Seiten:

[-] [editieren] [+]

 

.editspace
        {
        background-color:#cccccc;
        color:#000000;
        border-left-color:#cccccc;
        }

Seitenanfang ^^ 

Spezielle Definitionen fuer dynamische Container


Diese Klassen dienen der Darstellung von Tabellen innerhalb eines Containers.

Beispiel >>

 

table.tablelist 
         {
         width:73.15em;
         min-width:760px;
         border-spacing:0em;
         border:0em;
         padding:0em;
         font-family:Verdana,sans-serif;
         font-size:1em;
         line-height:1.25em;
         font-style:normal;
         font-weight:normal;
         }

.tablelistfirst 
         {
         border-left-width:0em;
         }  

.tablelistdefinitiontopspace 
         {
         width:17.71em;
         background-color:#cccccc;
         border-left-color:#cccccc;
         height:0.77em;
         line-height:0em;
         }


Seitenanfang ^^ 

Definition für die Soundsteuerung

Klassen die zur Steuerung von Programmen zur Sprachausgabe genutzt werden können.

 

.speakheader 
       {
       speak-header:always;
       }

.muting 
       {
       speak:none;
       pause-after:2s;
       }

Seitenanfang ^^ 

Blockelemente


Klassen für den Content in den Containern (ZWeCContainer). Wichtig zu wissen hierbei ist, daß zuerst Blockelemente in die td-tags eingefügt werden. Erst innerhalb dieser kommen die Inline-Elemente ins Spiel.

Bedeutung der textbezogenen Elemente:

 

<p>Normaler Absatz</p>

 

<blockquote>Absatz, der im Ganzen ein Zitat darstellt</blockqoute>

 

<adress>Absatz, der eine Adresse Darstellt</adress>

 

<pre>Absatz, der Text
enthält der in einer
nicht-proportionalen
Schrift dargestellt
werden muss
(Programmcode,
Formeln, ...)</pre>

 

<h1>Überschrift 1. Ordnung </h1>

<h2>Überschrift 2. Ordnung </h2>

<h3>Überschrift 3. Ordnung </h3>

<h4>Überschrift 4. Ordnung </h4>

<h5>Überschrift 5. Ordnung </h5>
<h6>Überschrift 6. Ordnung </h6>

 

Dabei ist die Angabe der Schriftgröße von 1em (bzw. 1.1em bei code) in den textbezogenen Elementen wichtig, um eine einheitliche Darstellung sicherzustellen. Das Ergebniss dieser Angabe ist die Multiplikation dieses Wertes mit dem zentral im Body festgelegten Wert, also 0.64em x 1em = 0.64em. Wäre in den Blockelementen kein Wert festgelegt, so würde z.B. beim h1 Element die 0.64em mit dem Standardwert für Überschriften 1. Ordnung, der größer ist als 1em multipliziert und das Ergebniss wäre dementsprechend größer.

img
        {
        border:0em;
        margin:0em;
        padding:0em;
        }

h1,h2,h3,h4,h5,h6
        {
        font-weight:bold;
        font-style:normal;
        font-size:1em;
        pause:2s 1s;
        margin:0em;
        padding:0em;
        }

p,blockquote,adress
        {
        font-weight:normal;
        font-style:normal;
        font-size:1em;
        margin:0em;
        padding:0em;
        }

pre
        {
        font-style:normal;
        font-weight:normal;
        font-size:1.1em;
        font-family:'Courier New',monospace;
        margin:0em;
        padding:0em;
        }

Seitenanfang ^^ 

Blockelemente für Formularfelder

Definitionen für HTML Elemente für Formularfelder (input, textarea und select) und
spezielle Klassen für Formularfeldern in den Containern.

 

Die Klassen "oneclumnfield", "twocolumnfield", "threecolumnfield" und "fourcolumnfield" werden den Tabellenzellen (ZWeCLeaf) zugewiesen. Damit wird die Breite der input und textarea Felder im betreffenden Container gesteuert. Die Klasse "shortfield" ermöglicht abweichend davon, kurze Felder einzufügen.

 

Die Klassen "box", "button" und "editbutton" werden für die Kontrollbuttons der Formulare verwendet.

 

input, textarea, select
        {
        border: 2px solid #CCCCCC;
        font-size:1em;
        line-height:1em;
        font-family:Verdana, sans-serif;
        text-decoration: none;
        background-color: #FFFFFF;
        }


select 
        { 
        border-width:1px; width:16.17em; 
        }
		
td.onecolumnfield input 
        { 
        border-width:1px; 
        width:16.17em; 
        }
td.onecolumnfield input.button 
        { 
        width: auto; 
        }
td.onecolumnfield input.box { width: auto; }
td.onecolumnfield textarea { border-width:1px; width:16.17em; } td.twocolumnfield input { border-width:1px; width:34.65em; } td.twocolumnfield input.shortfield { border-width:1px; width:16.17em; } td.twocolumnfield input.button { width: auto; }
td.twocolumnfield input.box { width: auto; }
td.twocolumnfield textarea { border-width:1px; width:34.65em; } td.threecolumnfield input { border-width:1px; width:53.13em; } td.threecolumnfield input.shortfield { border-width:1px; width:16.17em; } td.threecolumnfield input.button { width: auto; }
td.threecolumnfield input.box { width: auto; }
td.threecolumnfield textarea { border-width:1px; width:53.13em;
} td.fourcolumnfield input { border-width:1px; width:71.61em; } td.fourcolumnfield input.shortfield { border-width:1px; width:16.17em; } td.fourcolumnfield input.button { width: auto; }
td.fourcolumnfield input.box { width: auto; }
td.fourcolumnfield textarea { border-width:1px; width:71.61em; } input.box {
background-color: #ff0000;
border-width:0px;
border-style:none;
} input.button { background-color: #ff0000;
color: #ffffff;
border-width:1px;
font-weight:bold;
cursor:hand;
border-style:solid;
border-color: #ffffff;
padding:0em;
margin:0em;
font-size:1em; } input.button:hover {
background-color: #ffffff;
color: #ff0000;
} input.editbutton { background-color: #cccccc;
color: #000000;
border-width:0px;
cursor:hand;
border-style:none;
padding:0em;
margin:0em;
font-size:1em; } input.editbutton:hover {
background-color: #ffffff;
color: #000000;
}

Seitenanfang ^^ 

Listendefinitionen

Auch hier sind die Werte wieder optimiert für IE und Mozilla.

 

Bedeutung der Definitionen:

 

<ul>

  <li>

  • Unnummerierte Liste

  </li>

</ul>

 

<ul class="op">

  <li>

  • Unnummerierte Liste ohne Punkt

  </li>

</ul>

 

<ul class="eop">

  <li>

    Unnummerierte Liste mit Einzug ohne Punkt

  </li>

</ul>

 

<ul class="emp">

  <li>

  • Unnummerierte Liste mit Einzug mit Punkt

  </li>

</ul>

 

<ol>

  <li>

  1. Nummerierte Liste

  </li>

</ol>

 

<ol class="e">

  <li>

  1. Nummerierte Liste mit Einzug

  </li>

</ol>

ul
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:0.7em;
        padding-left:0.7em;
        }
/* ul optimiert fr IE&Moz,
KHTML bräuchte left:1.0em, Opera anderes */


ul.op
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:0em;
        padding-left:0em;
        list-style-type:none;
        }

ul.eop
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:1em;
        padding-left:1em;
        list-style-type:none;
        }

ul.emp
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:1.7em;
        padding-left:1.7em;
        }
/* ul.emp optimiert fr IE&Moz,
KHTML bräuchte left:2.0em, Opera anderes */

ol
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:1em;
        padding-left:1em;
        }

ol.e
        {
        margin-top:0em;
        margin-bottom:0em;
        margin-left:2em;
        padding-left:2em;
        }

Seitenanfang ^^ 

Inline-Elemente


Diese kommen nur innerhalb von Blockelementen vor und dienen eine spezifischen Textauszeichnung.

 

Bedeutung der Elemente:

 

<strong>betonende Auszeichnung</stong>

 

<samp>Beispiel</samp>

 

<dfn>Definition</dfn>

 

<code>Quellcode</code>

 

<cite>Zitat</cite>

 

<abbr>Abgekürzte Schreibweise (wie Lehrveranst. )</abbr>

 

<acronym>Abkürzung (wie etc.)</acronym>

 

Mit <acronym> ausgezeichneter Text wird von Vorleseprogrammen buchstabiert (speak: spell-out).

strong
        {
        font-weight:bold;
        font-style:normal;
        }

abbr,samp,dfn,code,cite
        {
        font-style:normal;
        font-family:Verdana,sans-serif;
        font-weight:normal;
        }

acronym
        {
        font-style:normal;
        font-family:Verdana,sans-serif;
        font-weight:normal;
        speak:spell-out;
        }

code
        {
        font-size:1.1em;
        font-style:normal;
        font-weight:normal;
        font-family:'Courier New',monospace;
        }

Seitenanfang ^^ 

Textfarben


Grundsätzlich ist aller Text erstmal schwarz. In besonderen Fällen (was auch immer das für welche sein werden), besteht die Möglichkeit durch Zuweisung einer der nebenstehenden Klassen zu einem Blockelement weitere Textfarben ins Spiel zu bringen.

 

.weiss
        {
        color:#FFFFFF;
        }

.rot
        {
        color:#FF0000;
        }

Seitenanfang ^^ 

Global-Definitionen für Links


Mittels dieser Definition werden global alle Links im HTML-Dokument für die Darstellung im Fliesstext definiert. Dadurch, dass die Definition jeweils im Kontext der Klasse für die Containerfarbe erfolgt, muss keine explizite Klasse mehr angegeben werden.

Links in Listen (incl. der Listen in Navigations Containern) müssen explizit mit den weiter unten genannten Klassen ausgezeichnet werden, um die Globaldefinition zu überschreiben.


/* Global-Definition fuer Links auf der standardfarbe*/

td.standardcolor a:link
        {
        color:#000000;
        text-decoration:underline;
        } /* noch nicht besuchte Ziele */

td.standardcolor a:visited
        {
        color:#999999;
        text-decoration:underline;
        } /* besuchte Ziele */

td.standardcolor a:hover
        {
        color:#000000;
        text-decoration:underline;
        } /* Verweise bei "MouseOver" */

td.standardcolor a:active
        {
        color:#000000;
        text-decoration:underline;
        } /* Angeklickte Verweise */

td.standardcolor a:focus
        {
        color:#000000;
        text-decoration:underline;
        } /* Verweise, die Fokus erhalten */



/* Global-Definition fuer Links auf der spezialfarbe*/

td.specialcolor a:link
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.specialcolor a:visited
        {
        color:#dddddd;
        text-decoration:underline;
        }

td.specialcolor a:hover
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.specialcolor a:active
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.specialcolor a:focus
        {
        color:#ffffff;
        text-decoration:underline;
        }



/* Global-Definition fuer Links auf der editfarbe*/

td.editcolor a:link
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.editcolor a:visited
        {
        color:#dddddd;
        text-decoration:underline;
        }

td.editcolor a:hover
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.editcolor a:active
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.editcolor a:focus
        {
        color:#ffffff;
        text-decoration:underline;
        }



/* Global-Definition fuer Links auf der headfarbe*/

td.headcolor a:link
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.headcolor a:visited
        {
        color:#dddddd;
        text-decoration:underline;
        }

td.headcolor a:hover
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.headcolor a:active
        {
        color:#ffffff;
        text-decoration:underline;
        }

td.headcolor a:focus
        {
        color:#ffffff;
        text-decoration:underline;
        }



/* Global-Definition fuer Links auf der transparentfarbe*/

td.transparentcolor a:link
        {
        color:#000000;
        text-decoration:underline;
        }

td.transparentheadcolor a:visited
        {
        color:#555555;
        text-decoration:underline;
        }

td.transparentheadcolor a:hover
        {
        color:#000000;
        text-decoration:underline;
        }

td.transparentheadcolor a:active
        {
        color:#000000;
        text-decoration:underline;
        }

td.transparentheadcolor a:focus
        {
        color:#000000;
        text-decoration:underline;
        }


Seitenanfang ^^ 

Links in Listen


Benutzt man im HTML-Code einen Link <a href> und weisst diesem nicht explizit eine Link-Klasse zu, so wird der Link als Standard-Text-Link behandelt, also einfach nur unterstrichen.

Möchte man das <a href> für Linklisten, die Kopf-, Fuss- oder eine Subnavigation nutzen, so weisst man ihm die Klasse "list" zu, oder "listcurrent" insofern es sich um einen handelt, der eine ausgewählte Rubrik kennzeichnet.

Für den Link ganz oben links in Sub-Seiten (Subseiten sind Seiten wie diese FACE Seiten) gibt es die spezielle Klasse "navhome".

/* Definition fuer Links in "Listen" auf der standardfarbe*/

td.standardcolor a.list:link
        {
        color:#ff0000;
        text-decoration:none;
        }

td.standardcolor a.list:visited
        {
        color:#ff0000;
        text-decoration:none;
        }

td.standardcolor a.list:active
        {
        color:#ff0000;
        text-decoration:none;
        }

td.standardcolor a.list:hover
        {
        color:#333333;
        text-decoration:none;
        }



/* Definition fuer Links der ausgewählten Rubrik */
/* in "Listen" auf der standardfarbe*/

td.standardcolor a.listcurrent:link
         {
         color:#000000;
         text-decoration:none;
         }

td.standardcolor a.listcurrent:visited
         {
         color:#000000;
         text-decoration:none;
         }

td.standardcolor a.listcurrent:active
         {
         color:#000000;
         text-decoration:none;
         }

td.standardcolor a.listcurrent:hover
         {
         color:#000000;
         text-decoration:none;
         }



/* Definition fuer Links in "Listen" auf der spezialfarbe*/

td.specialcolor a.list:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.specialcolor a.list:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.specialcolor a.list:active
         {
         color:#ff0000;
         text-decoration:none;
         }

td.specialcolor a.list:hover
         {
         color:#ff0000;
         text-decoration:none;
         }



/* Definition fuer Links der ausgewählten Rubrik */
/* in "Listen" auf der spezialfarbe*/

td.specialcolor a.listcurrent:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.specialcolor a.listcurrent:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.specialcolor a.listcurrent:active
         {
         color:#ffffff;
         text-decoration:none;
         }

td.specialcolor a.listcurrent:hover
         {
         color:#ffffff;
         text-decoration:none;
         }



/* Definition fuer Links in "Listen" auf der editcolor*/

td.editcolor a.list:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.editcolor a.list:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.editcolor a.list:active
         {
         color:#cccccc;
         text-decoration:none;
         }

td.editcolor a.list:hover
         {
         color:#000000;
         text-decoration:none;
         }

/* Definition fuer Links der ausgewählten Rubrik */
/* in "Listen" auf der editcolor*/

td.editcolor a.listcurrent:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.editcolor a.listcurrent:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.editcolor a.listcurrent:active
         {
         color:#ffffff;
         text-decoration:none;
         }

td.editcolor a.listcurrent:hover
         {
         color:#ffffff;
         text-decoration:none;
         }



/* Definition fuer Links in "Listen" auf der headcolor*/

td.headcolor a.list:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.headcolor a.list:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.headcolor a.list:active
         {
         color:#cccccc;
         text-decoration:none;
         }

td.headcolor a.list:hover
         {
         color:#000000;
         text-decoration:none;
         }



/* Definition fuer Links der ausgewählten Rubrik */
/* in "Listen" auf der headcolor*/

td.headcolor a.listcurrent:link
         {
         color:#ffffff;
         text-decoration:none;
         }

td.headcolor a.listcurrent:visited
         {
         color:#ffffff;
         text-decoration:none;
         }

td.headcolor a.listcurrent:active
         {
         color:#ffffff;
         text-decoration:none;
         }

td.headcolor a.listcurrent:hover
         {
         color:#ffffff;
         text-decoration:none;
         }



/* Definition fuer Links in "Listen" auf der transparentcolor*/

td.transparentcolor a.list:link
         {
         color:#000000;
         text-decoration:none;
         }

td.transparentcolor a.list:visited
         {
         color:#000000;
         text-decoration:none;
         }

td.transparentcolor a.list:active
         {
         color:#000000;
         text-decoration:none;
         }

td.transparentcolor a.list:hover
         {
         color:#000000;
         background-color:#ffffff;
         text-decoration:none;
         }

/* Definition fuer Links der ausgewählten Rubrik */
/* in "Listen" auf der transparentcolor*/

td.transparentcolor a.listcurrent:link
         {
         color:#000000;
         background-color:#ffffff;
         text-decoration:none;
         }

td.transparentcolor a.listcurrent:visited
         {
         color:#000000;
         background-color:#ffffff;
         text-decoration:none;
         }

td.transparentcolor a.listcurrent:active
         {
         color:#000000;
         background-color:#ffffff;
         text-decoration:none;
         }

td.transparentcolor a.listcurrent:hover
         {
         color:#000000;
         background-color:#ffffff;
         text-decoration:none;
         }



/* Spezielle Definition fuer den FH D Link in der Navigation ganz oben */
/* nur für Seiten ausserhalb der Hauptseiten der FH D (z.b. FACE) */

td.specialcolor a.navhome:link
        {
        color:#ffffff;
        text-decoration:none;
        }

td.specialcolor a.navhome:visited
        {
        color:#ffffff;
        text-decoration:none;
        }

td.specialcolor a.navhome:active
        {
        color:#ffffff;
        text-decoration:none;
        }

td.specialcolor a.navhome:hover
        {
        color:#000000;
        background-color:#ffffff;
        text-decoration:none;
        }

 


FH D
06.02.2006

Seitenanfang ^^