? zu Definition von Textlinks in css in html
TomTom
- css
Moin,
ich wollte fragen wie man die css-farbangaben der links (a:link, a:hover, a:active und a:hover) in einer html-datei angeben kann, also wie beispielsweise in #kasten1{ width: 200px; height: 100px; border: 1px; usw.
Hab schon alles durchgeschaut aber nix passendes gefunden.
Danke.
LG TomTom
...
http://de.selfhtml.org/css/eigenschaften/schrift.htm#color
http://de.selfhtml.org/css/formate/wertzuweisung.htm#farben
mfg Beat
Danke,
so läufts aber leider nicht:
#kasten1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
color: 808080;
font-size: 10pt;
a:link:text-decoration:underline;color: 808080;
a:visited: text-decoration:underline;color: 808080;
a:hover: text-decoration:underline;color: 808080;
a:active: text-decoration:underline;color: 808080;
...
http://de.selfhtml.org/css/eigenschaften/schrift.htm#color
http://de.selfhtml.org/css/formate/wertzuweisung.htm#farbenmfg Beat
Danke,
so läufts aber leider nicht:
#kasten1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
color: 808080;
font-size: 10pt;
a:link:text-decoration:underline;color: 808080;
a:visited: text-decoration:underline;color: 808080;
a:hover: text-decoration:underline;color: 808080;
a:active: text-decoration:underline;color: 808080;
Wie sollte es auch
du sagst:
a ist eine Eigenschaft von dem Element dessen id 'kasten1' ist.
Des weiteren gilt für numerische Farbangaben noch ein spezielles Zeichen #.
Willst du dem Element a Eigenschaften zuweisen, so musst du sagen:
a {some-property:value; another-property:value; third-property:value; }
a:hover { some-property:value; }
etc...
Friedliche Weiterbildung mit der Self-Docu.
mfg Beat
Ich würde mich ja gerne mit der Self-Docu friedlich weiterbilden, aber ich verstehs nicht, deshalb frage ich ja..
Was muss ich hieran noch ändern?
#kasten1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
color: #808080;
font-size: 10pt;
link: text-decoration:underline;color: 808080;
visited: text-decoration:underline;color: 808080;
hover: text-decoration:underline;color: 808080;
active: text-decoration:underline;color: 808080;
Was muss ich hieran noch ändern?
Einiges.
Lies dich durch die Self-Dokumentation über typische CSS Anweisungen.
Zum Beispiele für Links
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active
mfg Beat
Hallo,
eine genauere Problembeschreibung wäre nicht schlecht. Aber vielleicht ist beim folgenden Beispielcode ja das passende dabei.
...
<div id="hauptbereich">
<p class="absatz">
<a href="example.org" class="extern">Ein Link in einem Absatz</a>
<a href="example.org" id="besonders">Ein Link in einem Absatz</a>
</p>
</div>
...
/* Globale Angaben */
a:link { Eigenschaft:Wert; }
a:hover { Eigenschaft:Wert; }
/* Angaben für Links innerhalb des Elements mit der id hauptbereich */
#hauptbereich a:link { Eigenschaft:Wert; }
#hauptbereich a:hover { Eigenschaft:Wert; }
/* Angaben für Links innerhalb eines Elements mit der Klasse absatz */
.absatz a:link { Eigenschaft:Wert; }
.absatz a:hover { Eigenschaft:Wert; }
/* Angaben für Links mit der Klasse extern */
a:link.extern { Eigenschaft:Wert; }
a:hover.extern { Eigenschaft:Wert; }
/* Angaben für den Link mit der id besonders */
a:link#besonders { Eigenschaft:Wert; }
a:hover#besonders { Eigenschaft:Wert; }
Gruss,
OhneName
ich wollte fragen wie man die css-farbangaben der links (a:link, a:hover, a:active und a:hover) in einer html-datei angeben kann, also wie beispielsweise in #kasten1{ width: 200px; height: 100px; border: 1px; usw.
Schau dir das Kapitel <http://de.selfhtml.org/css/formate/index.htm@title=CSS-Formate definieren> an, insbesondere <http://de.selfhtml.org/css/formate/zentrale.htm@title=Zentrale Formate definieren>, dort wird erklärt, was ein Selektor ist, dann solltest du klüger sein.
ich wollte fragen wie man die css-farbangaben der links (a:link, a:hover, a:active und a:hover) in einer html-datei angeben kann, also wie beispielsweise in #kasten1{ width: 200px; height: 100px; border: 1px; usw.
Schau dir das Kapitel <http://de.selfhtml.org/css/formate/index.htm@title=CSS-Formate definieren> an, insbesondere <http://de.selfhtml.org/css/formate/zentrale.htm@title=Zentrale Formate definieren>, dort wird erklärt, was ein Selektor ist, dann solltest du klüger sein.
ums kurz zu erklären (wenn man die anderen posts liest, der op hat den selfhtml artikel nicht verstanden wie es scheint)
es wird vermutlich folgendes gesucht:
#kasten1 a:link { } (= a:link als nachfahre (beliebige tiefe) von #kasten
zb hier:
<div id="kasten1">
<a href="#" />
</div>