|
|||
navigation: zellenfarbe positiv text negativ
hallo...
...ich bin neu hier, und ein ziehmlicher neuling in sachen css. mein ziel ist es diese navigation umzusetzen (siehe layout): http://scifi.pages.at/thinktank/layout.jpg der rollover und der aktive status sollte genau invers von der linkfarbe sein. mit einem js habe ich es hinbekommen, aber das ist wohl suchmaschinentechnisch schlecht. der haken an der sache ist, dass die normalen textlinks anderst sind wie die links in der navigation. hier das stylesheet: http://scifi.pages.at/thinktank/coaching.css gibt es eine möglichkeit so etwas überhaupt umzusetzen? gruss lukas::. |
Sponsored Links |
|
|||
klar.
Gib den Links in deiner Navigation eine eigene Klasse. Eine Klasse ist wie eine ID ein Selektor. Klassen dürfen in einem HTML-Dokument mehrfach erscheinen, eine ID dokumentenweit nur einmal. Code:
a class="navi" href="..."> Code:
a.navi:link { color: white; background-color: black;} a.navi:hover {color: black; background-color: white;} grüsse andir Edit: Hättest Du das css-Dokument genauer studiert, hättest du gesehen, dass dort die gleiche Methode verwendet wird ( a.nav:hover)
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
hallo andreas...
...vielen dank für die schnelle antwort. ich habe leider immer noch ein problem. der link sollte über die ganze zelle gehen und der status sollte weisse schrift auf gruen sein. ich habe ein html dokument gemacht, damit du dir mein anliegen besser vorstellen kannst: http://scifi.pages.at/thinktank/test.html das css ist wieder hier: http://scifi.pages.at/thinktank/coaching.css das stylesheet hatt noch alle möglichen klasse drinn. du siehst, ich habe schon einiges versucht. lg lukas::. |
|
||||
Du musst den Links (bzw. dem A) ein display: block; und eine definierte Breite verpassen, sonst wirds nix
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsive CSS Grid Layout | hatschiii | CSS | 4 | 31.07.2019 12:23 |
Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 09:42 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Probleme mit float | Webentwickler Eric | CSS | 5 | 21.06.2007 21:09 |