wenn ich das richtig verstehe...
Hallo!
Wenn ich das richtig verstanden habe, geht es Dir also darum, die Links in einem Menü mittels CSS in bestimmter Art und Weise anzeigen zu lassen. Gleichzeitig möchtest Du aber, dass wenn ein Inhalt bei Aktivierung eines Links geladen wird, in einem bestimmten Frame geladen wird; z.B. dem Frame "Inhalt" - oder?
Wenn dem so ist, so ist es ganz einfach.....
Zuerst erstellst Du ein CSS-Stylesheet z.B. 'menueleiste.css' und definierst darin, wie die Hyperlinks im einzelnen aussehen sollen....
PHP:
.menu:link{
color: #E8E8E8;
font-family: Verdana;
padding: 7px;
font-weight: bold;
background-color: #002142;
text-decoration: none;
}
.menu:visited{
color: #E8E8E8;
font-family: Verdana;
padding: 7px;
font-weight: bold;
background-color: #002142;
text-decoration: none;
}
.menu:hover{
color: #9DA9C3;
font-family: Verdana;
padding: 7px;
font-weight: bold;
background-color: #002142;
border: 1px solid #E8E8E8;
text-decoration: none;
}
.menu:active{
color: #9DA9C3;
font-family: Verdana;
padding: 7px;
font-weight: bold;
background-color: #002142;
order: 1px solid #E8E8E8;
text-decoration: none;
}
Danach gehst hin und integrierst das Stylesheet 'menueleiste.css' in Deine Seite, was dann folgendermaßen aussehen könnte:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Willkommen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="menueleiste.css" rel="stylesheet" type="text/css">
</head>
Wichtig ist die Zeile
<link href="menueleiste.css" rel="stylesheet" type="text/css">
da damit das Stylesheet geladen wird.
Als letzten Schritt musst Du das Stylesheet noch in den Link einbauen, was so aussehen könnte:
PHP:
<a href="http://www.xyz.com/news.htm" onFocus="if(this.blur)this.blur()" target="inhalt" class="menu">News</a>
Du hast in der Stylesheet-Datei 'menueleiste.css' die Hyperlinks definiert mit
.menu:link und so weiter, da bei Verwendung von
a:link alle Links eingefärbt würden.
Mit dem Befehl
class="menu" rufst Du die entsprechende CSS-Definition auf.
Der Befehl
target="inhalt" sorgt dafür, dass die entsprechende Seite in den Frame mit Namen "inhalt" geladen wird.
Den JavaScript-Befehl
onFocus="....." brauchst nicht weiter zu beachten, er sorgt lediglich dafür, dass in diesem Beispiel die Rahmen um die Links sauber nachgezeichnet werden.
Hoffentlich klappt es!
MfG
Toby
