mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 09:50 Benutzername: Passwort: Auto-Login

Thema: a:active funktioniert nicht auf kindelemente? vom 11.02.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> a:active funktioniert nicht auf kindelemente?
Autor Nachricht
Verbalinjurie
Threadersteller

Dabei seit: 29.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.02.2009 12:05
Titel

a:active funktioniert nicht auf kindelemente?

 Antworten mit Zitat Zum Seitenanfang
Ahoi!

Warum reagiert das nicht im IE

CSS:
Code:

#menu a.kontakt:active span {
     background-position: -100px 100px;
}


Menu liegt in einem
Code:
 <a href=""><span></span>Menütext</a>

Beide sind Blockelemente und gleich groß. Der Span ist dazu da, den Text zu überdecken, dass man ihn nicht verstecken muss. Also das ganze Menüsprite liegt im Span, wenn der link darüber active ist, soll der span seinen hintergrund verschieben. FF kein Problem, IE6 und 7 leider nichts zu sehen. Warum? Reagiert :active nicht auf childelemente? Hab keine Bug dazu im Netz gefunden
  View user's profile Private Nachricht senden
denise2302

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 11.02.2009 13:18
Titel

Antworten mit Zitat Zum Seitenanfang
ist es denn ein problem ihn zu verstecken? oder wieso willst du halt nicht einfach visibilty: hidden anwenden?

willst du sozusagen bei klick das menü hervorrufen? ist da hover nicht besser?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.02.2009 13:30
Titel

Antworten mit Zitat Zum Seitenanfang
Hast du das eventuell online? Eigentlich muss es funktionieren, ich schätze das Problem liegt an anderer Stelle.
Gut wäre du verlinkst mal ein Beispiel oder zeigst noch etwas mehr vom Quelltext …


Beispiel:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="de" lang="de">
  <head>
    <title>aktives hyperlink kindelement</title>
   <style type="text/css">
      body {
         color: #000;
      }
      a.foo:link,
      a.foo:visited {
         color: #000;
      }
      a.foo:hover {
         text-decoration: none;
      }
      a.foo:active span {
         color: #f00;
      }
   </style>
  </head>
  <body>
     <a href="#foo" class="foo">link <span>span</span></a>
  </body>
</html>


Zuletzt bearbeitet von m am Mi 11.02.2009 13:34, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] - Kindelemente ansprechen
Fehlende Kindelemente in Baumstruktur - Bug in PHP 4?
[jQuery] - Kindelemente ansprechen
Active X
active Nav
a:active beibehalten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB