kostenloser Webspace werbefrei: lima-city

Verschiedene Link Styles

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   zyclop

   zyclop hat kostenlosen Webspace.

   17:32, 20.6.2005

   Wie kann ich denn verschiedene Link Styles auf meine Page einbauen??
   mit
   
   a { color: #FFFFFF; font-family: Tahoma; font-size: 15px; text-decoration: none; }
   a:hover { color: #0F0096; font-weight: bold; letter-spacing: 1; }
   
   und so weiter, werden ja alle Links eingef?rbt! Aber was muss ich machen, wenn ich die Navigation in einem
   
   Style m?chte(z.B. wie oben), aber die Links in meinem Content andersfarbig haben will
   
   ---zyclop

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. dx-rated

   dx-rated hat kostenlosen Webspace.

   18:05, 20.6.2005

   Zum Beispiel so:
   
   

   a:hover.navigation {
   ...
   }

   
   
   Im HTML-Teil in der Navigation dann halt:
   

   <a class="navigation">...</a>

   
   
   
   
   Ginge auch ein klein wenig anders. Nehmen wir mal an, Du hast die Navigation als unsortierte Liste umgesetzt (<ul><li></li></ul>), mit der Klasse "navi-liste", dann k?nntest Du das in etwa so machen:
   
   

   ul.navi-liste li a {
   ...
   }

   
   
   Hei?t: F?r einen Link <a>, der innerhalb eines Listenpunktes <li> auftaucht, der wiederum innerhalb einer unsortierten Liste <ul> mit der Klasse "navi-liste" auftaucht, gelten die hier aufgef?hrten Eigenschaften.
   
   

   <ul class="navi-liste">
     <li><a href="bla">abcdef</a></li>
   </ul>

4. domi2005

   domi2005 hat kostenlosen Webspace.

   14:29, 23.6.2005

   Au?er den KLassen gibts da auch noch andere M?glichkeiten:
   
   1. Mit IDs(fast das gleiche, wie Klassen)
   z.B.: a:hover#navigation{...}
   ...
   <a id="navigation">LINK</a>
   
   2. Mit einfachen Selektoren im CSS kann man zum Beispiel bestimmte Gruppen einen Stil zuweisen, ohne immer eine KLasse oder ID eintragen zu m?ssen
   z.B.: div a {...}
   Hier werden alle Links innerhalb eines Containers
   (DIV-Tag)ver?ndert.
   
   

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?