Don: hover links

Hallo

meine hover links funktionieren teilweise,
was ich nicht verstehe was sollte man benutzen id oder class ?
was kommt in der css datei rein #hoverlink .hoverlink?

  1. Hello out there!

    was ich nicht verstehe was sollte man benutzen id oder class ?

    Je nachdem. [CLASS-ID]

    was kommt in der css datei rein #hoverlink .hoverlink?

    </hilfe/charta.htm#tipps-fuer-fragende>

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. was kommt in der css datei rein #hoverlink .hoverlink?

      </hilfe/charta.htm#tipps-fuer-fragende>

      See ya up the road,
      Gunnar

      Hallo

      ich meine wenn ich ein id benutzte wie fange ich an in der css datei
      mit "#" oder "." oder?

      1. Hello out there!

        ich meine wenn ich ein id benutzte wie fange ich an in der css datei
        mit "#" oder "." oder?

        [CSS2 §5.1, SELFHTML]

        See ya up the road,
        Gunnar

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

          ich meine wenn ich ein id benutzte wie fange ich an in der css datei
          mit "#" oder "." oder?

          [CSS2 §5.1, SELFHTML]

          See ya up the road,
          Gunnar

          Hallo
          vielleicht bin ich zudumm dafür aber es funktioniert nicht.

          <a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">Für Fragen steht Ihnen unser Kontaktformular zur Verfügung.</a>

          #kontakt a:link,
          #kontakt a:visited {
          color: #000000;
          font-size: 0.95em;
          background: transparent;
          }

          #kontakt a:hover,
          #kontakt a:active,
          #kontakt a:focus {
          color: #FFFFFF;
          background: #ff0000;
          }

          1. Hello out there!

            Hallo
            vielleicht bin ich zudumm

            Vielleicht. Vielleicht hast du auch [CSS2 §5.1] nicht aufmerksam genug gelesen.

            <a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">

            #kontakt a:link,
            #kontakt a:visited {

            1. Du fragtest "wenn ich ein id benutzte wie fange ich an in der css datei mit '#' oder '.' oder?" Jetzt beutzt du aber gar keine ID.

            2. Was steht da für den Selektor mit Leerzeichen dazwischen 'E F'?

            '#kontakt a:link' selektiert also alle a:link, die Nachfahre eines Elements mit der ID "kontakt" sind. Solche gibt es nicht.

            Du möchtest ja aber auch alle a:link selektiern, die selbst die ID bzw. Klasse "kontakt" haben. Beides ist auf der bereits verlinkten SELFHTML-Seite zu finden:
            Individualformate definieren
            Formate für Klassen definieren

            See ya up the road,
            Gunnar

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

              Hallo
              vielleicht bin ich zudumm

              Vielleicht. Vielleicht hast du auch [CSS2 §5.1] nicht aufmerksam genug gelesen.

              <a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">

              #kontakt a:link,
              #kontakt a:visited {

              1. Du fragtest "wenn ich ein id benutzte wie fange ich an in der css datei mit '#' oder '.' oder?" Jetzt beutzt du aber gar keine ID.

              2. Was steht da für den Selektor mit Leerzeichen dazwischen 'E F'?

              '#kontakt a:link' selektiert also alle a:link, die Nachfahre eines Elements mit der ID "kontakt" sind. Solche gibt es nicht.

              Du möchtest ja aber auch alle a:link selektiern, die selbst die ID bzw. Klasse "kontakt" haben. Beides ist auf der bereits verlinkten SELFHTML-Seite zu finden:
              Individualformate definieren
              Formate für Klassen definieren

              See ya up the road,
              Gunnar

              naja egal

              danke

              1. Hello out there!

                naja egal

                danke

                Soll heißen, du hast es hinbekommen?

                See ya up the road,
                Gunnar

                PS: Bitte zitiere vernünftig, nicht alles.

                --
                „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                1. Soll heißen, du hast es hinbekommen?

                  nein, wir ist immer noch nicht klar wie es funktioniert

                  mfg.

                  1. Hello out there!

                    nein, wir ist immer noch nicht klar wie es funktioniert

                    Wo hakt's denn?

                    Gehen wir mal von

                    <a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">Für Fragen steht Ihnen unser Kontaktformular zur Verfügung.</a>

                    aus.

                    Äh nein, tun wir nicht. Was solle das 'title'-Attribut? Was soll das Tooltip, in dem keine andere Information staht als im Text des Links? Weg damit!

                    Der Link führt zum Kontaktformular, also sollte genau das der Linktext sein:

                    Für Fragen steht Ihnen unser <a class="kontakt" href="kontakt.html">Kontaktformular</a> zur Verfügung.

                    Der kurze prägnante Linktext dürfte für den Nutzer besser zu erfassen sein.

                    Gibt es noch andere Elemente der Klasse "kontakt"? Wenn nicht, wäre zu überlegen, ob die nicht besser eine ID sein sollte. Den Unterschied hatte ich in [CLASS-ID] erklärt.

                    'a'-Elemente der Klasse "kontakt" zu selektieren sollte kein Problem sein; den SELFHTML-Abschnitt Formate für Klassen definieren hatte ich dir bereits genannt.

                    (Falls du 'class' noch in 'id' umändern willst: auch auf den Abschnitt Individualformate definieren hatte ich dich schon verwiesen.)

                    Nun willst du das noch mit Pseudoklassen kombinieren. Auch auf die CSS-Spec hatte ich bereits verwiesen. Im nächsten Abschnitt [CSS2 §5.2] steht: „Ein einfacher Selektor ist entweder ein Typselektor oder ein universeller Selektor, unmittelbar gefolgt von null oder mehr Attribut-Selektoren, ID-Selektoren oder Pseudo-Klassen in beliebiger Reihenfolge.“

                    Sollte doch auch kein Problem sein, das zusammenzufügen. (Achtung: kein Leerzeichen dazwischen, sonst wirds ein Selektor für Nachfahren! Aber auch das sagte ich ja schon.)

                    Wenn du immernoch Probleme hast, darfst du gerne wieder nachfragen. Aber ein bisschen Eigeninitiative solltest du schon erkennen lassen.

                    See ya up the road,
                    Gunnar

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

                      sorry das ich dich nerve, die hover effekten funktionieren für alle
                      links, ich will aber für kontakt eigene
                      <a id="kontakt" href="kontakt.html">Kontaktformular</a>
                      in der css #kontakt ist drin aber es passiert nix?

                      mfg.

                      1. Hello out there!

                        in der css #kontakt ist drin aber es passiert nix?

                        Meine Glaskugel zeigt mir nur ein verschwommenes Bild von "passiert nix". Und davon, was gerade in deinem CSS steht, gar keins.

                        Muss man dir alle Links zweimal präsentieren, damit du ihnen folgst? </hilfe/charta.htm#tipps-fuer-fragende>

                        Du hast beim Lesen meines Postings nicht schon vor "Nun willst du das noch mit Pseudoklassen kombinieren" abgebrochen?

                        See ya up the road,
                        Gunnar

                        --
                        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                        1. Abgrundtief schlechte Menschen (wie ich einer bin), koennten hier bei jedem 3. Post einfach einen Trollversuch vermuten.

                          Pessimisten und Viel-Forumsbesucher (wie ich...) wissen aber leider gleichzeitig auch, dass so mancher 'Trollversuch' leider einfach das Beste ist, was jemand zu bieten hat.

                          Also lieber Don: Dein Link hat also die ID 'kontakt'. Schoen. Da biste mit einem # schonmal auf der richtigen spur und es koennte noch ganz Schmuck werden.

                          Wenn Du allerdings im CSS #kontakt a:hover deklarierst, tust du was? Genau: Du sagts alle hovernden <a> im Element mit der ID 'kontakt' sollen ein bestimmtes Aussehen annehmen. Was stimmt nun nicht? Richtig! Als angehender Highman des HTML hast du erkannt, dass in deinem a kein weiteres a drin ist. Das ist auch gut so, denn es haette dort nix verloren.

                          Was ist nun zu tun? Wenn das a dein 'kontakt' ist, formatier doch auch das a und nicht seine Kindelemente. Dann wirste nochmal n richtiger Telehacker.

                          Gruss

                          Steel (der grad n echter Joker is...)

                          1. Abgrundtief schlechte Menschen (wie ich einer bin), koennten hier bei jedem 3. Post einfach einen Trollversuch vermuten.

                            Pessimisten und Viel-Forumsbesucher (wie ich...) wissen aber leider gleichzeitig auch, dass so mancher 'Trollversuch' leider einfach das Beste ist, was jemand zu bieten hat.

                            Also lieber Don: Dein Link hat also die ID 'kontakt'. Schoen. Da biste mit einem # schonmal auf der richtigen spur und es koennte noch ganz Schmuck werden.

                            Wenn Du allerdings im CSS #kontakt a:hover deklarierst, tust du was? Genau: Du sagts alle hovernden <a> im Element mit der ID 'kontakt' sollen ein bestimmtes Aussehen annehmen. Was stimmt nun nicht? Richtig! Als angehender Highman des HTML hast du erkannt, dass in deinem a kein weiteres a drin ist. Das ist auch gut so, denn es haette dort nix verloren.

                            Was ist nun zu tun? Wenn das a dein 'kontakt' ist, formatier doch auch das a und nicht seine Kindelemente. Dann wirste nochmal n richtiger Telehacker.

                            Gruss

                            Steel (der grad n echter Joker is...)

                            WOW euch muss ja langweilig sein oder? wenn ihr kein bock habt
                            dann antwortet auf meine postings nicht lol kinder.
                            gut das ihr was könnt oder nicht .... würde mal sehen wie es aussieht in anderen gebiete.

                            mfg. euch alle werde mal woanderes fragen....

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

                              WOW euch muss ja langweilig sein oder? wenn ihr kein bock habt
                              dann antwortet auf meine postings nicht lol kinder.
                              gut das ihr was könnt oder nicht .... würde mal sehen wie es aussieht in anderen gebiete.

                              Wir können nichts für deine Unfähigkeit. Es wurde gesagt, was zu tun ist, wenn du allerdings nicht in der Lage bist, zu lesen und denken und stattdessen eine copy&paste Lösung willst, dann ist das einzig und allein dein Problem.

                              mfg. euch alle werde mal woanderes fragen....

                              Ja bitte.Das Forum wird es dir danken.


                              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:|
                              1. Hi...

                                Echt jetzt. Da schreib ich ne ausfuerhliche Anleitung, weil ich dachte er koennte schlicht mit den Hinweisen nix anfangen und dann sowas. :( *schnief*

  2. Kommen Elemente die so formatiert sind mehrfach auf der Seite vor: class(.xyz). Kommt nur ein Element mit dieser Formatierung vor, also es ist eindeutig mit einer ID identifizierbar, einzigartig: id (#xyz).