Ergebnis 1 bis 5 von 5

Thema: a:hover andere div id ansprechen - css

  1. #1
    HTML Newbie
    Registriert seit
    07.07.2011
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard a:hover andere div id ansprechen - css

    Wunsch:

    Wenn ich mit dem Cursor über eine div id gehe, möchte ich, das sich das Hintergrundbild einer anderen ändert.

    Dies ist mein Ansatz, leider setzt es der Browser nicht um bzw. es geschiet nichts:

    Der Button:

    <div id="button"><a href="index.html" target="_self" title="Home"></a></div>

    Css:

    #button a:hover ~ #image-32_ {

    background: url('image/image_28.gif');
    }

    Wo liegt der Fehler bzw. wie mache ich es richtig?

    Vielen Dank im Vorraus!

    Gruß
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: a:hover andere div id ansprechen - css

    ~ als selektor / operator gibt es so nicht. Zumindest hab ich es noch nie gesehen...

    Ansonsten, dass was du vorhast, geht schlicht und ergreifend nicht. Du kannst nur die Kinder eines Elements per css ansprechen sprich
    HTML-Code:
    <style>
    a span { display: none; }
    a:hover span { display: inline; }
    </style>
    <a>Hello<span> World</span></a>
    //P.S. fast richtig, es gibt noch '+' als Operator, womit das nächste Element angesteuert wird
    HTML-Code:
    <style>
    a + span { display: none; }
    a:hover + span { display: inline; }
    </style>
    <a>Hello</a>
    <span> World</span>
    womit man auch so lustige hacks bauen kann:
    HTML-Code:
    <style>
    a + * + * { display: none; }
    a + * { display: inline; }
    a:hover + * { display: none; }
    a:hover + * + * { display: inline; }
    </style>
    <a>Hello</a>
    <span> World</span>
    <span> Mouse</span>
    Geändert von Grevas (08.07.2011 um 22:53 Uhr)

  3. #3
    Fortgeschrittene/r Avatar von unknownsoldier
    Registriert seit
    16.06.2010
    Ort
    "Dreamland"
    Alter
    26
    Beiträge
    174
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: a:hover andere div id ansprechen - css


  4. #4
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: a:hover andere div id ansprechen - css

    interesting, da lohnt sich hier reinzuschauen also doch noch *g*, na dann, brauchmer wohl den Rest. Die Idee an sich wäre wohl doch möglich.
    Lustig find ich zumindest, dass in der Tabelle es ein &ndash; ist statt ~

  5. #5
    Fortgeschrittene/r Avatar von unknownsoldier
    Registriert seit
    16.06.2010
    Ort
    "Dreamland"
    Alter
    26
    Beiträge
    174
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: a:hover andere div id ansprechen - css

    Das Problem von brilliant ist übrigens das sein Link in einem div-Element ist und ich vermute einmal das das andere div nach diesem kommt somit also nach dem Elternelement des Links kommt. Und auf Elternelemente kann man mit CSS leider per KontextSelektoren nicht zugreifen


    Also muss es so gehen:
    Code:
    <a href="#link">Hyperlink</a>
    <div id="zielelement"></div>
    
    a:hover ~ div {background:#000};
    
    oder
    
    a:hover + div {background:#000};
    Ist halt die Frage wieviel DIV-Elemente er ansprechen will.
    Geändert von unknownsoldier (09.07.2011 um 04:35 Uhr)

Ähnliche Themen

  1. anker ansprechen
    Von guuls im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 12.02.2010, 10:03
  2. Kollegin ansprechen
    Von invisible im Forum Off Topic und Quasselbox
    Antworten: 19
    Letzter Beitrag: 10.02.2010, 00:15
  3. Antworten: 7
    Letzter Beitrag: 03.07.2009, 23:20
  4. Textfelder ansprechen
    Von Tobse im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 01.04.2009, 18:43
  5. Konqueror per CSS ansprechen?
    Von Torty im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 21.08.2006, 15:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •