Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

CSS a:hoover, visited, link Problem

Diskussion: CSS a:hoover, visited, link Problem im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo, und zwar bin ich grad so bei meinen ersten CSS-Versuchen und habe das Problem das mir die a:hoover, ...

Antwort
Alt 30.10.07, 21:06   #1 (permalink)
 
Registriert seit: 26.06.05
SilentBoB Leistung: Facit NTK
Likes: 0
CSS a:hoover, visited, link Problem

Anzeige

Hallo, und zwar bin ich grad so bei meinen ersten CSS-Versuchen und habe das Problem das mir die a:hoover, a:visited und a:link nicht korrekt in den Browsern angezeigt werden, wie ich das gerne möchte.
Das Hoover funktioniert bei mir zum Beispiel gar nicht.

hier der Quellcode beider Dateien, index.html und style.css
über die Augenkrebs gefährdenen Farben nicht beunruhigen, dienen mir zur besseren Übersicht, verschwinden aber bald wieder :-D

html

html   

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="container">
<div id="header">
header
</div>
<div id="navi">
<a href="#">Home </a> About Me Contact
</div>
<div id="content">

content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content

</div>
<div id="footer">
test
</div>
<!--container--></div>
</body>
</html>



css
css   

*{
margin: 0;
padding: 0;
}
body {
padding: 20px;
background-color: green;
}
#container{

border-bottom: 2px solid black;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
background-color: red;
width: 700px;
margin: auto;
}
#header{
background-image: url(header.png);
height: 200px;
}
#navi{
padding-left: 15px;
border-top: 2px solid black;
background-color: yellow;
}
a:visited{
color: red;
text-decoration: none;
}
a:link{
color: black;
text-decoration: none;
}
a:hoover{
color: blue;
text-decoration: none;

}
#content{
padding-top: 10px;
padding-left: 15px;
background-color: blue;
border-top: 2px solid black;

}
#footer{
padding-left: 15px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: normal;
font-size: small;
border-top: 2px solid black;
}


Hoffe ihr könnt mir da irgendwie helfen, woran es liegt, das es nicht korrekt angezeigt wird.
grüße
SilentBoB ist offline   Mit Zitat antworten
Alt 30.10.07, 21:19   #2 (permalink)
 
Benutzerbild von proxy
 
Registriert seit: 02.10.07
proxy Leistung: 8086
Likes: 0
Standard

Der Befehl lautet "a:hover"
proxy ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 30.10.07, 21:21   #3 (permalink)
Themenstarter
 
Registriert seit: 26.06.05
SilentBoB Leistung: Facit NTK
Likes: 0
Standard

ohje, so viele seiten durchsucht und dann so nen einfacher Syntaxfehler -.-
danke danke
SilentBoB ist offline   Mit Zitat antworten
Alt 30.10.07, 21:32   #4 (permalink)
 
Benutzerbild von Eydeet
 
Registriert seit: 14.04.06
Eydeet Leistung: Facit NTK
Likes: 4
Standard

Du solltest außerdem a:link und a:visited vertauschen, da :visited sonst evtl. nicht funktioniert.
Eydeet ist offline   Mit Zitat antworten
Alt 30.10.07, 21:34   #5 (permalink)
Themenstarter
 
Registriert seit: 26.06.05
SilentBoB Leistung: Facit NTK
Likes: 0
Standard

Jo, danke für den Tipp. Das hatte ich aber eh von selbst vor.. Priorität war erstmal das der hover funkioniert.
aber dennoch danke schonmal euch beiden für die hilfe und tipps
SilentBoB ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » CSS a:hoover, visited, link Problem
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
TP-Link TL-WN610G jemo. Kaufberatung 1 15.06.08 22:41
problem...eine datei(oderbesser ein link) der den desktophintergrund ändert ddeldip Windows 2 22.10.07 13:20
LWL Link techniker Network · LAN, WAN, Firewalls 3 25.09.06 08:26
link soll bei unixio Code Kitchen 2 23.07.05 18:57
Was ist I-Link? justj Hardware Probleme 1 08.10.02 17:27


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61