Willkommen auf CSS-Roots

der Starthilfe für Webdesigner

Seht euch um und schaut euch unsere Beiträge an, für euch ist sicher was dabei,
für Themenanregungen und Ideen stehe ich gerne unter info@css-roots.de zur Verfügung.

Mitglieder-Login

Lost your password?

Registrierung ist geschlossen

Die Registrierung wurde gesperrt, möchtest du dich registrieren schreibe bitte eine E-Mail an info@css-roots.de

letzter Artikel :«



Listenelemente definieren



Verfasst am November 20, 2008 von admin in Kategorie Listenelemente

Jetzt seit ihr wahrscheinlich soweit dass ihr eure Listen etwas ansprechender formatieren möchtet. Das ist kein Problem denn ihr könnt das gesamte Aussehen eurer Listen über den Stylesheet definieren. Erstmal der Quellcode:

 #nav ul {
   list-style-type: none; /*Entfernen der Aufzaehlungen*/
   margin:	0; /*Abstaende auf Null setzen*/
   padding:	0; /*Abstaende auf Null setzen*/
   }
#nav li {
 
   margin: 5px; /*Außenabstand auf allen Seiten auf 5px setzen*/
   text-align: center; /*Text auf zentriert einstellen*/
   list-style-type: none; /*Entfernen der Aufzaehlungen*/
}
#nav li a  /*Hier werden die Verlinkungen eurer Listen definiert*/
{
   text-decoration: none;  /*Entfernen aller formatierungen wie unterstrich etc.*/
   color:#3d3d3d; /*Festlegen der Linkfarbe*/
   margin: 5px;/*Außenabstand auf allen Seiten auf 5px setzen*/
}

So ich denke durch die Kommentierung sollte sich der Code-Teil selbst erklären.
Das Ergebnis sieht dann so aus:

Schreiben sie einen Kommentar.


Sie müssen angemeldet sein, um einen Kommentar zu schreiben.

nächster Artikel : »