kostenloser Webspace werbefrei: lima-city


"Links überstreichen"

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    hallo ich wollte mal wissen wie man einen Strich
    ?ber und unter einem Link hinbekommt.

    PS: wenn dieser Therad schonmal gestellt wurde nicht b?se sein, die Such-tag/funktion">Funktion funktioniert bei mir nicht:frown:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Hallo schnuff!

    Das macht man mit CSS.
    Ein "Strich" ?ber einen Linktext geht so:

    a {
    border-top: 1px solid;
    }

    und einer drunter (zus?tzlich zur normalen Link-Unterstreichung) so:

    a {
    border-bottom: 1px solid;
    }


    Guckst du auch hier:

    Linkformatierung (a:link, ...) mit CSS:
    http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

    Rahmen (border) mit CSS:
    http://de.selfhtml.org/css/eigenschaften/rahmen.htm

    CSS in HTML einbinden:
    http://de.selfhtml.org/css/formate/index.htm

    MfG
    alopex
  4. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

  5. b************y

    du kannst auch einfach schreiben:

    a {
    dext-decoration: underline;
    }


    oder

    a {
    dext-decoration: overline;
    }

    Das ist die einfachere Variante mit der du bequem ganze Texte formatieren kannst.
  6. the-eden-projekt

    the-eden-projekt hat kostenlosen Webspace.

    ^^und nat?rlich kann man auch beides machen des haste net erw?hnt

    a {
    dext-decoration: overline; underline;
    }
  7. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    danke @the-eden-projekt
    ich habe das wohl immer zu umst?ntlich gemacht:shy:
  8. b************y



    the-eden-projekt schrieb:
    ^^und nat?rlich kann man auch beides machen des haste net erw?hnt

    a {
    dext-decoration: overline; underline;
    }


    Ja kann man, man sollte aber das ; zwischen den werten weglassen sonst geht es nicht.
  9. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    DANKE
    hab mich schon gewundert :shy:
    und wie bekommt man es hin, das ein Link nicht ?ber oder unterstrichen ist?

    Beitrag ge?ndert am 7.07.2005 19:47 von schnuff
  10. Mit der CSS-Anweisung:

    a
    { /*<- hier sollte eine geschweifte Klammer stehen*/
    text-decoration: none;
    }

    Beitrag ge?ndert am 8.07.2005 20:08 von alopex
  11. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    Danke :shy:
    ich hoffe ich gehe euch nicht
    langsam auf den Wecker aber:

    Wie schaffe ich es, das ein Link
    Hier unterstrichen,


    Hier aber nicht unterstrichen


    und hier ?berstrichen ist?
    ist?
  12. s******n

    da gibts verschiedene m?glichkeiten. ich w?rde das mit Klassen machen.
    Geht so:

    <a href="blabla.htm" class="link1"></a>
    <a href="blabla.htm" class="link2"></a>
    <a href="blabla.htm" class="link3"></a>


    und im stylesheet muss das ganze dann so aussehen:

    .link1 {/*<- da geschweifte Klammer hin!*/
    text-decoration:underline;
    }

    .link2 {/*<- da geschweifte Klammer hin!*/
    text-decoration:none;
    }

    .link3 {/*<- da geschweifte Klammer hin!*/
    text-decoration:overline;
    }

    ?dit: kann mir jemand erkl?ren warum das Forum die linke geschweifte KLammer nicht anzeigt????

    Beitrag ge?ndert am 9.07.2005 10:52 von ssd_bonn

    Beitrag ge?ndert am 9.07.2005 10:53 von ssd_bonn
  13. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    Kann man das auch:

    <Link class="link1">
    <a href="#">Aktualisieren</a>
    <a href="#">Aktualisieren</a>
    </Link><Link class="link2">
    <a href="#">Aktualisieren</a>
    <a href="#">Aktualisieren</a>
    <a href="#">Aktualisieren</a>
    </Link><Link class="link3">
    ...
  14. Autor dieses Themas

    schnuff

    Kostenloser Webspace von schnuff

    schnuff hat kostenlosen Webspace.

    hallo, guckt ihr nochmal vorbei?
  15. s******n

    hmm eher so:

    <span class="link1">
    hier die tags f?r die links einf?gen
    </span>

    oki?

    bei fragen melden, aber bitte nicht wundern, wenn ich erst in anderthalb wochen antworte.....das Internetcaf? hier is schei?e teuer :slant:
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!