Hilfe, warum "hovert" das nicht???

digimassa · 05.04.2006, 11:57

Ersuche um Hilfe, versuche seit einiger Zeit dahinterzukommen, warum in folgendem Code der Hover Effekt nicht bei allen links zu sehen ist, im IE überhaupt nur bei "Therme Stegersbach", im FF auch nur bei manchen.
und in diesem Zusammenhang ist mir noch aufgefallen, dass verschieden dargestellt wird, ist das korrekt?

Dank und Gruß
Martin

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HotelHubertus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #333333;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00FF00;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00FF00;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00FF00;
	text-decoration: underline;
}
-->
</style>
</head>

<body bgcolor="#009900">
<p>Partnerbetriebe</p>
<p><a href="http://www.thallers.at" target="_blank">Weingut Thaller</a><br>
  <a href="http://www.zotter.at" target="_blank">Zotter Schokoladen</a><br>
  <a href="http://www.goelles.at" target="_blank">Schnapsbrennerei Goelles</a><br>
  </p>
<p>Thermen</p>
<p><a href="http://www.therme.at" target="_blank">Therme Loipersdorf</a><br>
  <a href="http://www.heiltherme.at" target="_blank">Therme Bad Waltersdorf</a><br>
  <a href="http://www.blumau.com" target="_blank">Hundertwassertherme Blumau</a><br>
  <a href="http://www.dietherme.com" target="_blank">Therme Stegersbach</a><br>
</p>
<p>Sonstiges </p>
<p><a href="http://www.riegersburg.com" target="_blank">Riegersburg</a><br>
  <a href="http://www.soechau.steiermark.at" target="_blank">Kraeuterdorf Soechau</a><br>
</p>
</body>
</html>

digimassa · 05.04.2006, 11:59

Bitte und warum schreibt mir das "HTML code Fenster" jetzt den ganzen body in eine Zeile, in der Vorschau hats noch gestimmt?

satre · 05.04.2006, 12:05

Du hast vergessen die CSS einzuleiten:
edit: hab nicht weit genug gescrollt. Mein Fehler.

PS: Die Reihenfolge stimmt schon mal nicht: (ich weis nicht, ob das entscheidend ist)

- link
- visited
- hover
- active

PPS:
Du musst die font-family nicht jedes mal neu deklarieren. Einmal im body reicht. (glaube ich)

PPPS:

Du kannst link, visited und active zusammenfassen:

body {
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
color:#333;
}

a:link,a:visited,a:active {
font-size:18px;
font-weight:bold;
color:#0F0;
text-decoration:underline;
}

a:hover {
font-size:18px;
font-weight:bold;
color:#060;
text-decoration:underline;
}

05.04.2006, 12:10

die link-pseudoformate werden in der reihenfolge LoVe HAte, also

a:link {}
a:visited {}
a:hover {}
a:active {}

notiert.
ansonsten überschreibt dir die zugewiesene formatierung für den besuchten link die formatierung für den hover.

was meinst du mit dem pee?

digimassa · 05.04.2006, 13:27

Besten Dank für die Hilfe, das Love Hate hab ich eigentlich eh gewußt, aber ist mir nicht in den Sinn gekommen, jetzt gehts natürlich bestens.^^

Also nochmals besten Dank

Martin

designfanatiker · 05.04.2006, 19:18

Zitat:

Zitat von digimassa

[...] und in diesem Zusammenhang ist mir noch aufgefallen, dass verschieden dargestellt wird, ist das korrekt?

Wenn du keine Formatierungen hinterlegst, werden die Voreinstellungen des jeweiligen Browsers und / oder Benutzers verwendet.

digimassa · 06.04.2006, 01:45

Zitat:

Zitat von DukeXP

Wenn du keine Formatierungen hinterlegst....

Hm, wie meinst denn das?
Meine Kenntnisse haben sich mittlerweile auf und line-heigh ( oder so^^ ) erweitert, aber was soll ich statt hinterlegen?

luksn · 06.04.2006, 02:05

Ich denke mal DukeXP, dass du das -tag auch in deiner CSS formatieren
musst. Da die Schrift sonst so dargestellt wird, wie es der jeweilige Benutzer
gerade als Schriftstandard eingestellt hat.
Beim IE ist das beispielsweise Times New Roman.