zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS3: box-shadow wird beim hovern abgeschnitten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.10.2010, 20:27
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard CSS3: box-shadow wird beim hovern abgeschnitten

Angeregt von diesem Beispiel: CSS Based Navigation dachte ich mir: Sollte doch mit CSS3 möglich sein, dieses Menü ohne Grafiken nachzubilden. Ist mir - rudimentär - auch soweit gelungen, NUR: wenn ich mit der Maus über einen Link in der Top-Navi fahre der genau links neben dem aktiven Tab steht, wird der rechte Schattenwurf des gehoverten Links "abgeschnitten" bzw. vom aktiven Tab überlagert.

Webdesign - kadees.net: rechts vom tab "Webdesign" ist's so wie es sein sollte, hovert man über "home" wird der rechte Schattenwurf abgeschnitten.
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.10.2010, 20:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das ist das übliche Problem bei Überlappungen, die beim Hovern entstehen, und wird behoben, indem das Element, das die Oberhand behalten soll, beim Hovern pos. rel. bekommt, d.h. z.B. li:hover oder a:hover.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Geändert von heiko_rs (20.10.2010 um 20:42 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.10.2010, 20:50
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Wow,
danke für die schnelle Antwort!

Heiko, du bist genial! Das passt, Danke!
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
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
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? damonster CSS 12 27.08.2008 15:56
ps design (slices), php (dynamischer inhalt), css gestaltung schleepy CSS 19 02.06.2006 22:46
Kniffliges Layout mit float Roadrunnerle CSS 6 14.03.2006 11:26
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 17:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 17:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:18 Uhr.