Jan: unterstreichung von links in anderer farbe

hallo!

ich hab beispielsweise einen link, der rot dargestellt wird. wenn dieser nun gehovert wird, möchte ich, dass die unterstreichung rot ist.

wie stell ich das an?

mfg
Jan

  1. Hi,

    wie stell ich das an?

    mit border-bottom und allen damit verbundenen Vor- und Nachteilen.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hi,

      wie stell ich das an?

      mit border-bottom und allen damit verbundenen Vor- und Nachteilen.

      Cheatah

      wie müsste das dann aussehen? so?

      A:active, A:hover {
        font-size:7pt; font-weight: bold; text-decoration: underline; color:#97B3BF; border-bottom:#000000;
        }

      oder wie?

      und was sind die nachteile?

      1. wie müsste das dann aussehen? so?

        A:active, A:hover {
          font-size:7pt; font-weight: bold; text-decoration: underline; color:#97B3BF; border-bottom:#000000;
          }

        Ganz genau!

        1. das funktioniert aber net :(

          1. Hallo Jan,

            das funktioniert aber net :(

            dann zeig mal den ganzen a: Block Deiner CSS-Anweisungen!

            Gruß aus Köln-Ehrenfeld,

            Elya

            --
            "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
            _____________
            elyas virtuelle Altbauwohnung: http://www.visuelya.de
            1. Hallo Jan,

              das funktioniert aber net :(

              dann zeig mal den ganzen a: Block Deiner CSS-Anweisungen!

              das is alles:

              A:link, A:visited  {
                font-size:7pt; font-weight: bold; text-decoration: none; color:#97B3BF;
                }
              A:active, A:hover {
                font-size:7pt; font-weight: bold; text-decoration: underline; color:#97B3BF; border-bottom:#000000;
                }

              müsste doch eigentlich klappen, oder?

              1. Hallo Jan,

                A:link, A:visited  {
                  font-size:7pt; font-weight: bold; text-decoration: none; color:#97B3BF;
                  }
                A:active, A:hover {
                  font-size:7pt; font-weight: bold; text-decoration: underline; color:#97B3BF; border-bottom:#000000;
                  }

                Siehe [pref:t=75129&m=432790] und http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm

                Gruß aus Köln-Ehrenfeld,

                Elya

                --
                "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
                _____________
                elyas virtuelle Altbauwohnung: http://www.visuelya.de
          2. hi,

            das funktioniert aber net :(

            dass ein rahmen nicht nur eine angabe zur farbe, sondern auch zum stil und zur breite benötigt, ist dir natürlich bewusst, weil du es in selfhtml nachgelesen hast.

            gruss,
            wahsaga

    2. Hi,

      mit border-bottom und allen damit verbundenen Vor- und Nachteilen.

      geht doch auch viel einfacher. Man braucht den Linktext nur in ein span zu packen und kann diesen dann in einer anderen Farbe als die Unterstreichung für das A definieren. Mach' ich z.B. hier: http://www.1ngo.de/web/projekte.html.

      freundliche Grüße
      Ingo

      1. Hallo Ingo,

        geht doch auch viel einfacher. Man braucht den Linktext nur in ein span zu packen und kann diesen dann in einer anderen Farbe als die Unterstreichung für das A definieren. Mach' ich z.B. hier: http://www.1ngo.de/web/projekte.html.

        Findest Du das wirklich einfacher? Damit hast Du doch wieder mehr und nichtssagendes Markup (<span>) produziert...?

        Gruß aus Köln-Ehrenfeld,

        Elya

        --
        "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
        _____________
        elyas virtuelle Altbauwohnung: http://www.visuelya.de
        1. Hi Elya,

          Findest Du das wirklich einfacher? Damit hast Du doch wieder mehr und nichtssagendes Markup (<span>) produziert...?

          damit hast Du zwar Recht, ich nehme jedoch den SPAN lieber inkauf, als die Unterstreichungslinie so tief zu bekommen.
          Und so verkehrt finde ich den span hier eigentlich nicht, denn als "nichtssagendes" HTML-Element dient es ja gerade zur CSS-Formatierung von inline-Elementen.

          freundliche Grüße
          Ingo

          1. Hallo Ingo,

            damit hast Du zwar Recht, ich nehme jedoch den SPAN lieber inkauf, als die Unterstreichungslinie so tief zu bekommen.

            OK, ich habe mir die Unterschiede in Thomas' Testseite angeschaut (ubewußt habe ich das sicher auch schon bemerkt, ich habe border-bottom schließlich auf meiner eigenen Seite genutzt und dann wieder verworfen, aber aus anderen Gründen). Ich würde die Prioritäten zwar anders sehen, aber das ist wohl Geschmackssache. Wieder was gelernt ;-)

            Gruß aus Köln-Ehrenfeld,

            Elya

            --
            "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
            _____________
            elyas virtuelle Altbauwohnung: http://www.visuelya.de
            1. Hallo.

              [...] ich habe border-bottom schließlich auf meiner eigenen Seite genutzt und dann wieder verworfen, aber aus anderen Gründen).

              Und welche waren das?
              MfG, at

              1. Hallo at,

                Und welche waren das?

                hm, was war das nochmal...? Ach ja:

                Die Textlinks auf meiner Seite sind überwiegend externe, und auch mit einem Hintergrundbild-Icon als solche gekennzeichnet, wie mir einer von Euch (Du?) bei dem Testen meiner Seite Anfang des Jahres riet. Wenn ich dann border-bottom benutze, betrifft das die ganze Breite des a-Elements inkl. des Icons -> nicht so schön. Deshalb bin ich von den ach so dezenten gestrichelten Link-Unterstreichungen wieder weg, hin zu einer normalen text-decoration, da diese nur den Text betrifft und nicht das ganze Element. Alternativ vor jeden Link mit <img> das Icon einzufügen, um den Effekt zu erhalten, war mir zu aufwendig. So füge ich beim a nur ein class="ext" hinzu und habe meinen externen Link gekennzeichnet.

                Gruß aus Köln-Ehrenfeld,

                Elya

                --
                "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
                _____________
                elyas virtuelle Altbauwohnung: http://www.visuelya.de
                1. Hallo.
                  Das leuchtet ein, danke.
                  MfG, at

      2. Hallo,

        mit border-bottom und allen damit verbundenen Vor- und Nachteilen.
        geht doch auch viel einfacher. Man braucht den Linktext nur in ein span zu packen und kann diesen dann in einer anderen Farbe als die Unterstreichung für das A definieren.

        Ich habe vor ein paar Monaten mal aufgrund einer Diskussion hier im Forum
        eine kleine Testseite gemacht zum Thema (andersfarbige) Unterstreichung
        sowie Border-Bottom:
        http://www.tiptom.ch/tests/css/underline.html

        HTH, mfg,
        Thomas

  2. hallo!

    ich hab beispielsweise einen link, der rot dargestellt wird. wenn dieser nun gehovert wird, möchte ich, dass die unterstreichung rot ist.

    wie stell ich das an?

    Style Sheets