[CSS] Die wichtigsten Linkeffekte

MissMiralda
Also so wie du es definiert hast, müssten jetz alle deine Links mit der Farbe sein #B26C2E und alles großgeschrieben und wenn du drüber fährst weiß und normal geschrieben (also nich Großbuchstaben) xD

Und was willst du noch mal wie definiert haben? großes Grinsen
Nyuraa_
Genauso :/
Aber sie sind immernoch unterstrichen, werden ununterstrichen und farbig wenn ich draufgeh. Und da wird garnix groß großes Grinsen

EDIT: Ne moment, ich möchte, dass sie weiß und großgeschrieben sind. und wenn ich draufgeh nur farbig. und immernoch großgeschrieben großes Grinsen
MissMiralda
Ja, du hast es falsch definiert. großes Grinsen

code:
1:
2:
#bg A:link, #bg A:visited, #bg A:active { COLOR: #FFFFFF; TEXT-DECORATION: none; text-transform:uppercase;}
#bg A:hover { COLOR: #B26C2E; TEXT-DECORATION: none; text-transform:uppercase; }


mach dass so nicht nur bei #bg sondern bei allen. ^^ Wenn du bei bestimmten Abschnitten andere Linkeffekte haben möchtest, müsstest du rumprobieren welches wohin gehört. xD

Du hast lediglich es falsch definiert. ^^
Wenn man etwas großschreiben möchte, dann musst du das text-transform:uppercase; nach dem TEXT-DECORATION: none; einfügen. xD Wie eben auf der ersten Seite, beim Tut, erklärt. smile
Nyuraa_
Jetzt geht's :3 Dankeschön! großes Grinsen
MissMiralda
Bitteschön xDD
Sandy01
Kann vielleicht jemand in dem code mal des so einfügen das ein gestrichelter rand um die links kommt?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><style type="text/css"><!--body{cursor:crosshair};a:hover{cursor:crosshair;}--></s
tyle>

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
img#design {
position: absolute;
top: 0;
left: 768;
border: none;
cursor:crosshair;
}
div.content {
overflow: auto;
position: absolute;
top: 260px;
left: 80px;
width: 718px;
height: 508px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}

div.newsbox {
overflow: auto;
position: absolute;
top: 200px;
left: 200px;
width: 150px;
height: 400px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}

div.navigation {
overflow: auto;
position: absolute;
top: 370px;
left: 815px;
width: 166px;
height: 420px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}
a:link, a:active, a:visited {
text-decoration:underline;
color:#000000;
font-size:10px;
font-family:Verdana, Helvetica, sans-serif;
text-transform:none;
line-height:normal;
cursor:crosshair;
}
a:hover {
text-decoration:underline;
color:#000000;
font-size:10px;
font-family:Verdana, Helvetica, sans-serif;
text-transform:uppercase;
line-height:normal;
cursor:crosshair;
}
}
-->
</style>
</head>

<body bgcolor="#ededed" topmargin="0" leftmargin="0">

<!-- Start Design -->
<img src="http://i43.tinypic.com/rhsx9g.jpg" alt="Designbild" id="design" />
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div class="navigation">
%navigation_v%
</div>
<!-- End Navigation -->
<style type="text/css">
</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>
bolop
*Anja
Wie bekomme ich es hin, dass ein Bild beim drüberfahren ein wenig größer wird?
PS-Waldhof
Bei mir geht es nicht. Das ist mein code

A:link {COLOR: #5F441F; TEXT-DECORATION: none; border-bottom:1 dotted; border-color:#5F441F;}
}
a:visited {color: #5F441F;
}
a:active {color: #5F441F;
}
a:hover {color: #5F441F;
}

Jetzt haben die Links keine Farbe mehr, sie sind blau und wenn man sie besucht hat lila. Woran liegt das?
Lottalein
Zitat:
Original von PS-Waldhof
Bei mir geht es nicht. Das ist mein code

A:link {COLOR: #5F441F; TEXT-DECORATION: none; border-bottom:1 dotted; border-color:#5F441F;}
}
a:visited {color: #5F441F;
}
a:active {color: #5F441F;
}
a:hover {color: #5F441F;
}

Jetzt haben die Links keine Farbe mehr, sie sind blau und wenn man sie besucht hat lila. Woran liegt das?

Löse das ganze doch zum Beispiel so:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
a:link, a:active, a:visited {
color: #5F441F;
font-size: 9pt;
font-family: Verdana;
text-decoration: none;
}

a:hover {
color: #5F441F;
border-bottom: 1px dotted #5F441F;
font-family: Verdana;
font-size: 9pt;
}

Schriftart und Größe kannst du natürlich noch umändern Augenzwinkern
PS-Waldhof
Vielen dank dafür! Jetzt geht es endlich. Musst oben noch was dazu fügen und jetzt ist es perfekt. Vielen Dank smile