Brügä: Beim hover über ein div, ein anderes div verändern

Hi,
ich habe mich bereits hiermit http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern über dieses Thema ein wenig schlau gemacht. Allerdings find ich das gezeigte Beispiel doch sehr unübersichtlich. Deswegen hab ich noch ein bisschen gegooglet und habe auch einfachere Beispiele gefunden. Mitlerweile bin ich soweit, das ich diese HTML Datei und diese CSS Datei habe:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Brügä's Pixelworld</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="Testwebsite">
<meta name="author" content="Sascha Brügmann">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="hov">
  touch
</div>

<div class="toll">
  toll
</div>

</body>
</html>

CSS:
.hov{position:absolute; width:100px; height:100px; border-width:1px; border-style:solid; left:100px; top:100px;}

.toll{position:absolute; width:100px; height:100px; border-width:1px; border-style:solid; left:300px; top:300px;}

.hov:hover .toll{background-color:red;}

Auf dieser HTML Seite soll man mit der Maus über das hov-div fahren können und dann verändert sich die Hintergrundfarbe vom toll-div in rot. Warum funktioniert das nicht?

  1. Hallo,

    .hov:hover .toll{background-color:red;}

    Das ist Blödsinn. Was du erreichen willst geht IMHO auch nicht ohne Javascript, wenn der Container toll nicht im Container hov liegt.

    Gruß,
      Click

    --
    ~~~php $browser = new BrowserIdentifier();
    if($browser->shortcut == "ie") {
      do_unordinary_things_with_ie();
    }
    else {
    ~~~
  2. Hallo Brügä,

    du leidest doch nicht etwa an Apostrophitis? (http://de.wikipedia.org/wiki/Apostroph)

    Viele Grüße,
    Juliane

    1. Hello out there!

      du leidest doch nicht etwa an Apostrophitis?

      Wurde der Apostroph denn im Englischen jetzt abgeschafft? >;-)

      (http://de.wikipedia.org/wiki/Apostroph)

      Wenn du Apostrophitis meinst, dann sag das doch auch: http://de.wikipedia.org/wiki/Apostrophitis :-b

      See ya up the road,
      Gunnar

      --
      „A ty musíš býti má, lebo mi tě Pán Bůh dá“ (Čechomor: Proměny)
      1. Lieber Gunnar,

        Wurde der Apostroph denn im Englischen jetzt abgeschafft? >;-)

        Es ist eine deutschsprachige Seite, daher sollte die deutsche Rechtschreibung gelten.

        Lg,
        Jule

        P.S.: Kannst ja schon gut tschechisch! ;0)

        1. Hello out there!

          Es ist eine deutschsprachige Seite, daher sollte die deutsche Rechtschreibung gelten.

          Auch in englischsprachigen Teilen? Für mich hört sich "Brügä's Pixelworld" englisch an. Ob eine deutschsprachige Seite allerdings englischsprachige Überschrift/Titel haben sollte, ist eine andere Frage.

          Äh Moment, die Seite hat ja gar keine Überschrift:

          <div id="header">  
            <img src="Images/Header.jpg" alt="Brügä's Pixelworld">  
          </div>
          
          <div class="headline">  
            Willkommen in Brügä's Pixelworld  
          </div>
          

          Ganz klarer Fall von Divitis.

          @Brügä:
          Mache dich mit den <http://de.selfhtml.org/html/text/index.htm@title=Elementen zur Textstrukturierung> vertraut, in dem Falle mit http://de.selfhtml.org/html/text/ueberschriften.htm@title=Überschriften.

          P.S.: Kannst ja schon gut tschechisch! ;0)

          Ja, copy & paste klappt schon ganz gut.

          See ya up the road,
          Gunnar

          --
          „Copak sobě myslíš má milá panenko ...“
          1. Lieber Gunnar,

            Auch in englischsprachigen Teilen? Für mich hört sich "Brügä's Pixelworld" englisch an. Ob eine deutschsprachige Seite allerdings englischsprachige Überschrift/Titel haben sollte, ist eine andere Frage.

            "Pixelworld" ist ein unübersetztes Wort aus dem Englischen. Das ändert nichts dran, das der Rest der Seite deutsch ist. Es könnte also auch heißen: "Brügäs Svět hudby".

            Aber das ja kein Linguistikforum... ;0)

            Lg,
            Jule

            1. Hallo Jule!

              Es könnte also auch heißen: "Brügäs Svět hudby".

              Was zu dem Namen »Brügä« besser passen würde ;)

              Aber das ja kein Linguistikforum... ;0)

              Ach, frag doch Gernot!

              Viele Grüße aus Frankfurt/Main,
              Patrick

              --

              _ - jenseits vom delirium - _
              [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
              Nichts ist unmöglich? Doch!
              Heute schon gegökt?
            2. Hello out there!

              "Pixelworld" ist ein unübersetztes Wort aus dem Englischen.

              So kann man’s auch sehen.

              Es könnte also auch heißen: "Brügäs Svět hudby".

              hudba = pixel? Ich dachte, bei hudba gibt’s was hinter^W auf die Ohren, nicht eins aufs Auge.

              Aber das ja kein Linguistikforum... ;0)

              „Ach, frag doch Gernot!“ Oder at; aber erst, wenn der Thread im Keller ist. ;-)

              See ya up the road,
              Gunnar

              --
              „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
              1. Hallo Gunnar!

                Oder at; aber erst, wenn der Thread im Keller ist. ;-)

                Mittlerweile ist at aber schon im Erdgeschoß (13:48)...

                Viele Grüße aus Frankfurt/Main,
                Patrick

                --

                _ - jenseits vom delirium - _
                [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
                Nichts ist unmöglich? Doch!
                Heute schon gegökt?
                1. Hello out there!

                  Oder at; aber erst, wenn der Thread im Keller ist. ;-)

                  Mittlerweile ist at aber schon im Erdgeschoß (13:48)...

                  Du hast die Threads anders sortiert?

                  „Keller“ bezieht sich auf die Standardsortierung (_OP_-Zeitpunkt abwärts, wie ohne /my), da ist 157198 schon ganz schön weit unten.

                  See ya up the road,
                  Gunnar

                  --
                  „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                  1. Hallo Gunnar!

                    Du hast die Threads anders sortiert?

                    Nein, aber ich beobachte schon die ganze Zeit, wie er sich langsam nach oben arbeitet. Wenn er nicht im EG ist, dann auf jedenfall auf der Kellertreppe :)

                    Viele Grüße aus Frankfurt/Main,
                    Patrick

                    --

                    _ - jenseits vom delirium - _
                    [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
                    Nichts ist unmöglich? Doch!
                    Heute schon gegökt?
              2. Lieber Gunnar,

                hudba = pixel? Ich dachte, bei hudba gibt’s was hinter^W auf die Ohren, nicht eins aufs Auge.

                Wie würdest du jetzt sagen? Es geht um die Form, nicht um den Inhalt. Es ist also egal, ob es um pixel, hudba oder cheese cake geht. ;0)

                Lg,
                Jule

                1. Hello out there!

                  Wie würdest du jetzt sagen? Es geht um die Form, nicht um den Inhalt.

                  Form follows function. ;-)

                  See ya up the road,
                  Gunnar

                  --
                  „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    2. Hi,

      du leidest doch nicht etwa an Apostrophitis? (http://de.wikipedia.org/wiki/Apostroph)

      Wer sagt dir, dass es sich um eine detusche Seite handelt. ;-)
      Im englischen muesste das Apostroph doch so passen? Und das "toll"-DIV bezieht sich dann eben auf Strassenzoll.

      mfG,
      steckl

  3. Hi,

    Kennst du den Selfhtml-Artikel ueber infobox?
    Da sind ein paar gute Beispiele.

    mfG,
    steckl

    1. Hi,

      Kennst du den Selfhtml-Artikel ueber infobox?
      Da sind ein paar gute Beispiele.

      mfG,
      steckl

      Damit hab ichs jetzt gemacht und es funktioniert! Vielen Dank!!!

      du leidest doch nicht etwa an Apostrophitis? (http://de.wikipedia.org/wiki/Apostroph)

      Raff ich nicht O_O

      1. Grütze .. äh ... Grüße!

        du leidest doch nicht etwa an Apostrophitis? (http://de.wikipedia.org/wiki/Apostroph)
        Raff ich nicht O_O

        <title>


        Kai

        --
        What is the difference between Scientology and Microsoft? One is an
        evil cult bent on world domination and the other was begun by L. Ron
        Hubbard.
        ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|
  4. Servus,

    .hov:hover .toll{background-color:red;}

    Das selektiert beim "hovern" eines Elementes mit der Klasse 'hov' alle Kindelemente dieses Elements, welches die Klasse 'toll' haben.
    Dies trifft auf deinen HTML-Code allerdings nirgends zu.

    Du könntest mit dem Nachbar-Selektor (.hov:hover + .toll) arbeiten, aber _i_rgend_e_in "Browser" versteht das nicht.

    Gruss
    Patrick

    --
    sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|