kostenloser Webspace werbefrei: lima-city

Einfache CSS Frage

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

1. Autor dieses Themas

   ninja02

   ninja02 hat kostenlosen Webspace.

   14:30, 10.10.2009

   Hallo Leute,
   
   Ich habe mich heute das erste mal seit jahren wieder mit CSS beschäftigt und habe gleich erste StartProbleme.
   
   Wie viele andere auch, ist es mein Ziel die Hyperlinkfarbe zu verändern. Nach ein weilchen Googlen und ein paar Foren war ich auch wieder halbwegs drin in der Materie.
   
   Jedoch funktioniert es nicht bei allen links (Jedoch bei einigen) und ich verstehe nicht warum, vielleicht könnt ihr mir ja weiterhelfen.
   
   Hier der CSS Code: (noch sehr kurz momentan ;))
   
   

   @CHARSET "ISO-8859-1";
   
   //Damit die Links im Postein und Ausgang blau bleiben
   a.post:links {color:#0000ff;}
   a.post:visited {color:#0000ff;}
   a.post:hover {color:#0000ff;}
   a.post:active {color:#0000ff;}
   
   //Damit das Visited im Index2 framelinks wegkommt, wird dort alles in einem Netten grün gemacht
   
   a.index:link {color:#228B22;}
   a.index:visited {color:#228B22;}
   a.index:hover {color:#006400;}
   
   //Für bessere unterscheidung in den Untergruppen
   a.index2:link {color:#228B22;text-decoration:none;}
   a.index2:visited {color:#228B22;text-decoration:none;}
   a.index2:hover {color:#006400;text-decoration:underline;}
   a.index2:active {color:#000000;}

   
   
   Aufrufen tu ich die HyperLinks mit:
   
   

   <center><h3><a class="index" href ="" .....

   
   bzw. mit
   

   <center><h3><a class="index2" href ="" .....

   
   
   Hoffe ihr habt eine Idee.
   
   Vielen danke schonmal
   
   ninja
   
   

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

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

3. color

   

   color hat kostenlosen Webspace.

   14:42, 10.10.2009

   Hi,
   
   also das hier könntest du abkürzen:
   
   

   a.post:links {color:#0000ff;}
   a.post:visited {color:#0000ff;}
   a.post:hover {color:#0000ff;}
   a.post:active {color:#0000ff;}
   
   a.index:link {color:#228B22;}
   a.index:visited {color:#228B22;}
   a.index:hover {color:#006400;}
   
   //Für bessere unterscheidung in den Untergruppen
   a.index2:link {color:#228B22;text-decoration:none;}
   a.index2:visited {color:#228B22;text-decoration:none;}
   a.index2:hover {color:#006400;text-decoration:underline;}
   a.index2:active {color:#000000;}

   
   
   Zu:
   
   

   a.post{color:#0000ff;}
   
   a.index {color:#228B22;}
   a.index:hover {color:#006400;}
   
   a.index2 {color:#228B22;text-decoration:none;}
   a.index2:hover {color:#006400;text-decoration:underline;}
   a.index2:active {color:#000000;}

   
   
   Ich wüsst jetzt allerdings net warum einige Links net funktionieren sollten.
   Laut deinen Angaben ist es korrekt geschrieben.
   
   Meinst du villeicht das dein Hover bei a.index2{} nicht funktioniert? das könnte unter Umständen an der Reihenfolge liegen
   
   

   a.index2 {color:#228B22;text-decoration:none;}
   a.index2:active {color:#000000;}
   a.index2:hover {color:#006400;text-decoration:underline;}

   
   
   Allerdings würde das glaube ich nicht viel ausmachen. Ich kann mir auch vorstellen das du weiter unten noch A-Tags definierst und diese dann etwas erben was sie nicht sollten.
   
   
   Grüsse
   Color
   
   Beitrag zuletzt geändert: 10.10.2009 14:45:05 von color

4. kante87

   kante87 hat kostenlosen Webspace.

   14:46, 10.10.2009

   moin,
   wenn du in deinem stylesheet die kommentare drin hast, werden die nachfolgenden zeilen nicht korrekt eingelesen. kommentare werden so geschrieben:
   
   /*This is a comment*/ --> http://www.w3schools.com/css/css_syntax.asp
   
   und die pseudoklasse ":links" müsste ":link" sein
   
   probier mal den css-validator: http://jigsaw.w3.org/css-validator/#validate_by_upload
   
   ansonsten siehts gut aus.
   gruß
   
   
   
   Beitrag zuletzt geändert: 10.10.2009 14:51:10 von kante87
5. Autor dieses Themas

   ninja02

   ninja02 hat kostenlosen Webspace.

   14:52, 10.10.2009

   Danke schonmal
   
   Ich habe das mal extra ausfürlich geschrieben, falls es daran liegt, aber auch in deiner Version funktioniert nur hover und link.
   Momentan sogar NUR das (IE8)
   
   interessanterweise klappts im FF.
   Im Opera auch
   IM SeaMonkey auch.
   
   Na Toll, also liegt es an meinem Hach so geliebten IE grml.
   
   Hast du da (oder wer anders) eine Idee?
   
   mfg
   ninja
   
   PS. Das mit den Kommentaren macht kein Problem. Danke aber für den Link, wusste net, dass es auch einen CSS Validator gibt.
   
   PPS. Das ist momentan noch der GESAMTE CSS code ;)
   
   Beitrag zuletzt geändert: 10.10.2009 15:05:37 von ninja02

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

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

Dir gefällt dieses Thema?