zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden navigation: zellenfarbe positiv text negativ

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.10.2005, 18:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2005
Beiträge: 3
luxuz befindet sich auf einem aufstrebenden Ast
Standard 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::.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.10.2005, 18:48
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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="...">
Jetzt kannst Du sie per css ansprechen:

Code:
a.navi:link { color: white; background-color: black;}
a.navi:hover {color: black; background-color: white;}
Probiers mal aus. No JS erforderlich.

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.10.2005, 23:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2005
Beiträge: 3
luxuz befindet sich auf einem aufstrebenden Ast
Standard

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::.
Mit Zitat antworten
  #4 (permalink)  
Alt 24.10.2005, 02:50
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 25.10.2005, 11:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2005
Beiträge: 3
luxuz befindet sich auf einem aufstrebenden Ast
Standard

hallo boris...

...was für ein wunderbarer tag!
mit display: block; hat es geklappt!
juhuu!

thanksa lot!
lukas::.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:34 Uhr.