kostenloser Webspace werbefrei: lima-city

link umfärben geht nicht

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   tft-development

   

   tft-development hat kostenlosen Webspace.

   9:09, 4.9.2013

   ich habe einen link z.B.:
   

   <a href="index.php" id="rstob">Start</a>

   
   
   durch css:
   

   #rstob a:link
   {
   color: #0066FF;
   }
   #rstob a:visited
   {
   color: #0066FF;
   }
   #rstob a:hover
   {
   color: #FF6600;
   }

   
   
   dieser link sollte blau sein und beim hover rot werden, er machts aber nicht, sieht immernoch aus wie ein normaler link :(
   (hover = mit der Maus drüber fahren)
   
   wär nett wenn ihr mir helfen könnt :)
   
   Beitrag zuletzt geändert: 4.9.2013 9:12:04 von tft-development

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

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

3. m******e

   10:57, 4.9.2013

   tft-development schrieb:
   ich habe einen link z.B.:
   

   <a href="index.php" id="rstob">Start</a>

   #rstob a:link {color: #0066FF;}
   #rstob a:visited {color: #0066FF;}
   #rstob a:hover {color: #FF6600;}

   dieser link sollte blau sein und beim hover rot werden, er machts aber nicht

   
   So macht er's:
   

   a:link#rstob {color: #0066FF;}
   a:visited#rstob {color: #0066FF;}
   a:hover#rstob {color: #FF6600;}

   
   Alternativ für alle Links dann als Klasse:
   

   <a href="index.php" class="rstob">Start</a>
   <a href="weiter.php" class="rstob">Weiter</a>

   a:link.rstob {color: #0066FF;}
   a:visited.rstob {color: #0066FF;}
   a:hover.rstob {color: #FF6600;}

   
   http://de.selfhtml.org/css/formate/zentrale.htm#klassen
   
   Beitrag zuletzt geändert: 4.9.2013 10:59:28 von menschle
4. Autor dieses Themas

   tft-development

   

   tft-development hat kostenlosen Webspace.

   12:17, 4.9.2013

   cool danke, wusste vorher garnicht wie das mit den Klassen und links geht...
   habs jetzt eingebaut, kannst dir ja mal anschaun wenn du willst :)
   http://tft-development.lima-city.de/index.php
   
   
   [edit]
   und unterstriche sind weg :) danke vielmals
   
   Beitrag zuletzt geändert: 4.9.2013 13:01:33 von tft-development

5. m******e

   12:41, 4.9.2013

   tft-development schrieb:
   cool danke, wusste vorher garnicht wie das mit den Klassen und links geht.

   Fein, und wenn Du jetzt noch den Unterstrich weg haben willst:
   

   a:link.rtou {text-decoration: none;}

   Für alle Links:
   

   a {text-decoration: none;}

   Beim hovern Unterstrich anzeigen:
   

   a:hover.rtou {color: #0066FF; text-decoration: underline;}

   
   
   Beitrag zuletzt geändert: 4.9.2013 12:43:24 von menschle

6. daswing

   Moderator

   daswing hat kostenlosen Webspace.

   20:09, 28.9.2013

   tft-development schrieb:
   cool danke, wusste vorher garnicht wie das mit den Klassen und links geht...
   habs jetzt eingebaut, kannst dir ja mal anschaun wenn du willst :)
   //...//

   
   
   Problem gelöst, allgemein gehaltene Beiträge sind nicht erwünscht. Bei weiteren Beiträgen auf Themenbezug achten.
   
   MfG daswing

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

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

Dir gefällt dieses Thema?