Hinweis: Das Forum wird geschlossen! Neue Registrierungen sind nicht mehr möglich!

 Zurück zu Pro-Linux   Foren-Übersicht   FAQ     Suchen    Mitgliederliste
HTML/CSS: Listenelemente einzeln färben?

 
Neuen Beitrag schreiben   Auf Beitrag antworten    Pro-Linux Foren-Übersicht -> Programmieren - Allgemein
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
gere
Gast





BeitragVerfasst am: 18. Okt 2004 9:12   Titel: HTML/CSS: Listenelemente einzeln färben?

Hallo,

ich weiss dass ein HTML/CSS Problem hier ja nun nichts mit programmieren zu tun hat,
hoffe aber dennoch dass mir hier jemand einen Tipp geben kann.

In folgendem Beispiel möchte ich den Hintergründen von 1-4 verschiedene Farben zuordnen.
Alle Beispiele die ich gefunden habe, verwenden für alle li Elemente nur die gleiche Farbe.

Ist das irgendwie machbar?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body { font-family: Verdana; }
div.mainmenu {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100%;
    text-align:center;
}
#nav ul{
   padding : 0;
   margin : 0;
   white-space : nowrap;
   background-color : #888888;
   color : White;
   float : left;
   width : 100%;
   border-style : solid;
   border-color : #888888;
   border-width : 2px 0 2px 0;
}
#nav.test1 ul{
   background-color : #555555;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
   padding-left : 1em;
   padding-right : 1em;
   background-color : #003399;
   color : White;
   font-weight : bold;
   text-decoration : none;
   float : left;
   border-right-color : #888888;
   border-right-style : solid;
   border-right-width : 1px;
}
#nav ul li a:hover{
   background-color : #99CCFF;
   color : #000066;
}

</style>
</head>
<body>
<div class="mainmenu" id="mainmenu">
<div id="nav">
   <ul>
      <li><a href="#">eins</a></li>
      <li><a href="#">zwei</a></li>
      <li><a href="#">drei</a></li>
      <li><a href="#">vier</a></li>
   </ul>
</div>
</div>
</body>
</html>
 

heinrich



Anmeldungsdatum: 22.09.1999
Beiträge: 219
Wohnort: N49.137 E8.544

BeitragVerfasst am: 20. Okt 2004 21:15   Titel: Re: HTML/CSS: Listenelemente einzeln färben?

gere hat folgendes geschrieben::
Hallo,

ich weiss dass ein HTML/CSS Problem hier ja nun nichts mit programmieren zu tun hat,
hoffe aber dennoch dass mir hier jemand einen Tipp geben kann.

In folgendem Beispiel möchte ich den Hintergründen von 1-4 verschiedene Farben zuordnen.
Alle Beispiele die ich gefunden habe, verwenden für alle li Elemente nur die gleiche Farbe.

Ist das irgendwie machbar?


Wie wäre es damit:

Code:

....rest wie in deinem Quellcode....

<body>
<div class="mainmenu" id="mainmenu">
<div id="nav">
   <ul>
      <li><a href="#" style="background-color: #FF0000;">eins</a></li>
      <li><a href="#" style="background-color: #FFFF00;">zwei</a></li>
      <li><a href="#" style="background-color: #00FFFF;">drei</a></li>
      <li><a href="#" style="background-color: #0000FF;">vier</a></li>
   </ul>
</div>
</div>
</body>

_________________
It just works.
 
Benutzer-Profile anzeigen Private Nachricht senden AIM-Name

gere
Gast





BeitragVerfasst am: 26. Okt 2004 10:02   Titel:

Naklar! *handandiestirnschlag*
Das dann als class="color1"...
Manchmal kommt man nicht auf die einfachsten sachen...

Danke.
 

Beiträge vom vorherigen Thema anzeigen:   
     Pro-Linux Foren-Übersicht -> Programmieren - Allgemein Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehen Sie zu:  

Powered by phpBB © phpBB Group
pro_linux Theme © 2004 by Mandaxy