"Links überstreichen"
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anderthalb
antwort
anweisung
aussehen
beide
beitrag
einfachere variante
format
funktion
gen
geschweifte klammer
haben
none
normalen link unterstreichung
rahmen
schaffe
stehen
tag
woche
wunder
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
danke
-
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. -
^^und nat?rlich kann man auch beides machen des haste net erw?hnt
a {
dext-decoration: overline; underline;
}
-
danke @the-eden-projekt
ich habe das wohl immer zu umst?ntlich gemacht -
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. -
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 -
Danke
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? -
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 -
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">
...
-
hallo, guckt ihr nochmal vorbei?
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage