Hallo,
ich will mir eine Homepage erstellen und für das Menü ein onmouse Effekt mit CSS erstellen. Ich habe versucht, wie hier schon mehrfach beschrieben die Datei folgendermaßen einzubinden, aber es tut sich nichts.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 1</title>
<link rel="stylesheet" type="text/css" href="css/style.css" title="Standard-Layout">
</head>
<body bgcolor="#BDAF80">
<div align="center">
<center>
<table border="2" width="819" height="623" bordercolorlight="#FF0000" bordercolordark="#FF0000" bordercolor="#FF0000">
<tr>
<td width="825" height="177" align="center" colspan="2" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000"></td>
</tr>
<tr>
<td width="182" height="156" align="center" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000" bgcolor="#BDAF80"> </td>
<td width="643" height="434" align="center" rowspan="12" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="182" height="1" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top">Home</td>
</tr>
<tr>
<td width="182" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top" bgcolor="#BDAF80" height="1"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="19" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="1" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="19" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="26" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="26" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="155" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
</table>
</center>
</div>
</body>
</html>
Die CSS lautet:
<!--
A.menulink {
display: block;
width: 220px;
text-align: center;
text-decoration: none;
font-family: Arial;
font-size: 10px;
color: #000000;
font-weight: bold;
background-color: #BDAF80;
border-style: ;
border-width: px;
border-color: #;
}
A.menulink:hover {
border-style: ;
border-width: px;
border-color: #;
color: #000000;
background-color: #FF0000;
}
-->
</style>
<table border="0" width="110" align="center">
<tr>
<td><a href="#" class="home"> Home</a></td>
</tr>
<tr>
<td><a href="#" class="ubermich"> Über mich</a></td>
</tr>
<tr>
<td><a href="#" class="zucht"> Zucht</a></td>
</tr>
<tr>
<td><a href="#" class="hengste"> hengste</a></td>
</tr>
<tr>
<td><a href="#" class="impressum"> Impressum</a></td>
</tr>
<tr>
<td><a href="#" class="ausbildungsstall"> Ausbildungsstall</a></td>
</tr>
</table>
Nun weiß ich nicht weiter, da sich nichts ändert.
Wäre super, wenn Ihr mir helfen könnt - bitte in Laiensprache, da ich in diesen Themen blutiger Anfänger bin.
Danke
VG
ich will mir eine Homepage erstellen und für das Menü ein onmouse Effekt mit CSS erstellen. Ich habe versucht, wie hier schon mehrfach beschrieben die Datei folgendermaßen einzubinden, aber es tut sich nichts.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 1</title>
<link rel="stylesheet" type="text/css" href="css/style.css" title="Standard-Layout">
</head>
<body bgcolor="#BDAF80">
<div align="center">
<center>
<table border="2" width="819" height="623" bordercolorlight="#FF0000" bordercolordark="#FF0000" bordercolor="#FF0000">
<tr>
<td width="825" height="177" align="center" colspan="2" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000"></td>
</tr>
<tr>
<td width="182" height="156" align="center" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000" bgcolor="#BDAF80"> </td>
<td width="643" height="434" align="center" rowspan="12" bordercolor="#FF0000" bordercolorlight="#FF0000" bordercolordark="#FF0000" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="182" height="1" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top">Home</td>
</tr>
<tr>
<td width="182" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top" bgcolor="#BDAF80" height="1"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="19" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="1" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="19" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="26" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="26" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
<tr>
<td width="182" height="5" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"><b><font face="Arial" size="2"><img border="0" src="img/roterstrich.JPG"></font></b></td>
</tr>
<tr>
<td width="182" height="155" align="center" bordercolor="#BDAF80" bordercolorlight="#BDAF80" bordercolordark="#BDAF80" valign="top"></td>
</tr>
</table>
</center>
</div>
</body>
</html>
Die CSS lautet:
<!--
A.menulink {
display: block;
width: 220px;
text-align: center;
text-decoration: none;
font-family: Arial;
font-size: 10px;
color: #000000;
font-weight: bold;
background-color: #BDAF80;
border-style: ;
border-width: px;
border-color: #;
}
A.menulink:hover {
border-style: ;
border-width: px;
border-color: #;
color: #000000;
background-color: #FF0000;
}
-->
</style>
<table border="0" width="110" align="center">
<tr>
<td><a href="#" class="home"> Home</a></td>
</tr>
<tr>
<td><a href="#" class="ubermich"> Über mich</a></td>
</tr>
<tr>
<td><a href="#" class="zucht"> Zucht</a></td>
</tr>
<tr>
<td><a href="#" class="hengste"> hengste</a></td>
</tr>
<tr>
<td><a href="#" class="impressum"> Impressum</a></td>
</tr>
<tr>
<td><a href="#" class="ausbildungsstall"> Ausbildungsstall</a></td>
</tr>
</table>
Nun weiß ich nicht weiter, da sich nichts ändert.
Wäre super, wenn Ihr mir helfen könnt - bitte in Laiensprache, da ich in diesen Themen blutiger Anfänger bin.
Danke
VG