amilo Posted March 11, 2009 Report Share Posted March 11, 2009 Hallöchen, in der stylesheet.css ist in folgenden Bereich beschrieben wie Links aussehen sollen: /* LINKS GLOBAL */ a,a:link,a:hover {text-decoration:underline;cursor:pointer} a,a:link {background:transparent;} a:link {color:#e10020} a:visited {color:#e10020} a:hover,a:active {color:#e10020} a img {border:none} Wenn ich jetzt aber für einen bestimmten Bereich in der css möchte, dass die Links eine andrere Farbe haben, wie kann ich das realisieren? Vielen Dank im voraus. MfG. Hansen Link to comment Share on other sites More sharing options...
mizzy Posted March 11, 2009 Report Share Posted March 11, 2009 Hallo, das kannst Du z.B. über eine Klasse regeln. Z.B. so. .deineklasse {margin: 0 auto; background-color:#FFFFFF; text-align:center; color:#CECECE; font-size:10px;} .deineklasse a {color: #CECECE; text-decoration: none;} dort kannst Du jetzt natürlich auch die ganzen sachen verwenden wie .deineklasse a hover .deineklasse a focus etc. Infos gibts auch hier ganz gute: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm V.G. Micha Link to comment Share on other sites More sharing options...
amilo Posted March 11, 2009 Author Report Share Posted March 11, 2009 Erstmal danke für die schnelle Antwort. Das ganze hat mir den richtigen Denkanstoß gegeben. Mein Code in der css sieht jetzt so aus: #checkoutnavigation .active a:link {color:#000000} #checkoutnavigation .active a:visited {color:#000000} #checkoutnavigation .active a:hover {color:#e10020} #checkoutnavigation .active a:active {color:#000000} #checkoutnavigation .active a {text-decoration: none;} #checkoutnavigation .active a:hover {text-decoration: underline;} #checkoutnavigation .inactive a:link {color:#000000} #checkoutnavigation .inactive a:visited {color:#000000} #checkoutnavigation .inactive a:hover {color:#e10020} #checkoutnavigation .inactive a:active {color:#000000} #checkoutnavigation .inactive a {text-decoration: none;} #checkoutnavigation .inactive a:hover {text-decoration: underline;} Das funktioniert im Firefox auch alles wunderbar, nur im Opera und IE zeigt es keine Wirkung. Woran könnte das liegen? MfG. Hansen Link to comment Share on other sites More sharing options...
mizzy Posted March 12, 2009 Report Share Posted March 12, 2009 Hallo, hier mal ganz fix was gemacht <html> <head> <style type="text/css"> .test a {color:#000000} .test a:hover {color: #e10020} </style> </head> <p class="test"><a href="www.xt-commerce.com">www.xt-commerce.com</p> </html> [/HTML] Funktioniert bei mir im IE 6, IE 7, Firefox 3, Opera. V.G. Micha Link to comment Share on other sites More sharing options...
amilo Posted March 12, 2009 Author Report Share Posted March 12, 2009 Nochmal Danke für die Antwort. Der Fehler lag darin, dass ich in der checkout.html die ganze Box verlinken wollte, was im Firefox auch funktionierte, nur eben im IE und Opera nicht, weshalb auch die Klasse aus der css nicht übernommen wurde. MfG. Hansen Link to comment Share on other sites More sharing options...
mizzy Posted March 12, 2009 Report Share Posted March 12, 2009 ...was im Firefox auch funktionierte, nur eben im IE und Opera nicht, weshalb auch die Klasse aus der css nicht übernommen wurde. MfG. Hansen # sind aber keine Klassen sondern id´s. Was aber egal ist. V.G. Micha Link to comment Share on other sites More sharing options...
amilo Posted March 12, 2009 Author Report Share Posted March 12, 2009 Du weißt ja was ich gemeint hab. MfG. Hansen Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.