• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Mouse-roll-over-Effekt bei Links...

Status
Für weitere Antworten geschlossen.

Blackforest

Neues Mitglied
Hallo, miteinander!
Also, äh, ich bin neu hier und habe ein Problem mit meiner Homepage, weiß aber nicht, ob ich hier richtig bin mit meiner Frage.
Naja, ich probiere es halt einfach mal.
Also, ich habe am linken Rand meiner Homepage ein Inhaltsverzeichnis eingebaut mit den Links zu den verschiedenen Unterseiten der Page.
Bei diesen Links möchte ich gerne eine Mouse-roll-over-Effekt einbauen. Der funktioniert aber leider irgendwie nicht, und ich weiß nicht, woran es liegt.
Hier mal zunächst der Kopf der Index-Datei:

<html>
<head>
<meta http-equiv="Content-Language" content="de">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<title>xyz</title>
<META NAME="KEYWORDS" CONTENT=xyz>
<META NAME="DESCRIPTION" CONTENT=xyz>
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<META NAME="resource-type" CONTENT="document">
<META NAME="generator" CONTENT="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<META HTTP-EQUIV="expires" CONTENT="0">
<META NAME="AUTHOR" CONTENT=xyz>
<META NAME="COPYRIGHT" CONTENT=xyz>
<META NAME="revisit-after" content="7 days">
<META NAME="distribution" content="Global">
<META content="INDEX,FOLLOW" name=robots>
<meta content="de, en, at, ch" name="Content-Language">
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="Microsoft Border" content="tl, default">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<center>
usw.
--------------------------------------------------

Dann gibt es im Unterordner "_borders" die Datei "left.htm", das ist so quasi mein Inhaltsverzeichnis am linken Bildrand. Die Datei hat folgenden Inhalt:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Shared Left Border</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none">
<meta name="Microsoft Border" content="none">
<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: underline; font-weight: bold}
</style>
</head>
<body leftmargin="20">
<style fprolloverstyle>A:hover {text-decoration: underline; font-family: Verdana; color: #000000}
</style>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" width="10%">
<tr>
<td nowrap align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber2" width="100%">
<tr>
usw.
--------------------------------------------------

Mein Problem ist nun, daß ich in dieser "left.htm"-Datei für die dort verzeichneten Links jeweils einen Mouse-roll-over-Effekt ("underline") eingebaut habe, der jetzt aber leider nicht in der Index-Datei funktioniert. D.h., in der Index-Datei passiert im linken Inhaltsverzeichnis schlichtweg kein Mouse-roll-over-Effekt.

Kann das evtl. mit der style.css zusammenhängen? Die sieht bei mir so aus:

TD {
FONT-FAMILY : Verdana;
FONT-SIZE : 13px;
FONT-STYLE : normal;
FONT-VARIANT : normal;
LINE-HEIGHT : normal;
color : #000000;
text-align: justify
}

h2, a, strong {
FONT-FAMILY : Verdana;
FONT-SIZE : 13px;
FONT-STYLE : normal;
FONT-VARIANT : normal;
LINE-HEIGHT : normal;
color : #000000;
font-weight : bold;
text-decoration : none;

}

p, li, ul {
FONT-FAMILY : Verdana;
FONT-SIZE : 13px;
FONT-STYLE : normal;
FONT-VARIANT : normal;
LINE-HEIGHT : normal;
color : #000000;
}

A:hover {
COLOR : #EFEFEF;text-decoration:underline;

}
A:link {
COLOR : #FFFFFF;text-decoration:none;

}

body
{
scrollbar-DarkShadow-Color:#8080FF;
scrollbar-Track-Color:#E9E9E9;
scrollbar-Face-Color:#000000;
scrollbar-Shadow-Color:#8080FF;
scrollbar-Highlight-Color:#96A096;
scrollbar-3dLight-Color:#FFFFFF;
scrollbar-Arrow-Color:#FFFFFF;
}


Danke für Eure Hilfe!
 
Zuletzt bearbeitet:
1. In Deinem HTML-Code gibt es keine Links, auf die :hover angewendet werden könnte.
2. Es gibt im style-Tag kein Attribut "fprolloverstyle".
3. Der <style>-Bereich gehört in den Header, besser ein externes Stylesheet
4. Gewöhnlich schreibt man in CSS alles klein, das ist die valide Schreibweise.
5. Dein Mix aus old-fashioned HTML-Attributen, die Layout+Design erzeugen und modernem CSS ist schrecklich. Gewöhne Dir an, Inhalt und Layout strikt zu trennen, alles was mit Layout+Design zu tun hat, komplett aus der HTML-Datei zu verbannen.
Vielleicht ist es besser, wenn Du auf WYSIWYG-Editoren im Allgemeinen und Frontpage im Speziellen verzichtest, und Deinen Code manuell in einem Text-/HTML-Editor schreibst.

Grüße,
-Efchen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben