✔ Problem mit background image in menu

Hallo,
wo hast du denn den Link da her. Der ist aber nicht aus meinem Code. Ich hab die css Datei nochmals überprüft. Der Pfad zu dem background image bg_menu.png stimmt und die Datei ist auch vorhanden.

Gruss
Julchen
 
Hallo,
sorry, ich nehme alles zurück. In meine Head der .html Datei stimmt die Pfadangabe nicht. Mann bin ich blöd :-) Ich habs echt net gesehen.

Trotzdem Danke!

Gruss
Julchen
 
Also bei mir funktioniert das Super (Firefox 3.5.13), dafür ist aber dein Impressumslink im normalen status nun transparent bzw hat die hintergrundfarbe !

Das ist aber auch ein bissl wirr, oder ich verstehs nicht...

Code: 
<div id="menu_top">
            		<ul>
						<li><a href="../index.html">Home</a></li>
                        <li><a href="profil.html">Profil</a></li>

		  		  	  	<li><a href="produkte.html">Produkte</a></li>
					    <li><a class="menu_top_active" href="impressum.html">Impressum</a></li>
	  			    	<li><a href="kontakt.php">Kontakt</a></li>
					</ul>
            </div>

warum haste denn das impressum in eine eigene klasse gepackt ?
 
Das ist ja das Problem. Die bg Grafik funktioniert ja auch. Ich wollte aber z. B. in dem Fall den Link Impressum in weisser Schrift auf der bg Grafik haben. Leider nimmt er aber die Schriftfarbe nicht an.

Gruss
Julchen
 
Na guck doch mal in dieser Zeile:

Code: 
#menu_top ul li a, #menu_top ul li a:link, #menu_top ul li a:visited, #menu_top ul li a:hover { text-transform:lowercase; margin:0; color:#0087b5; text-decoration:none; font:normal 17px/30px Georgia, "Geneva", "Tahoma", "Verdana", "Arial"; text-align:center; outline: none; display:block; line-height:40px;}

...fällt dir da nicht was auf ? color:#0087b5 ******

Der 'active' Status ist der Moment in dem du den Button drückst. Das funktioniert ja auch !
Damit der Button im normalen status aber auch weiss ist solltest du die obige Zeile mal prüfen.

Ach ja, und schmeiss mal hier...
Code: 
<li><a class="menu_top_active" href="impressum.html">Impressum</a></li>
...die Klasse raus. Die brauchst du doch gar nicht !
 
Zuletzt bearbeitet:
Nein, das hast du falsch verstanden. Die aktive Klasse soll gelten für die aktuelle Seite. Wenn ich also auf die Seite impressum komme, dann soll der Link oben direkt schon die Hintergrundgrafik haben und die Schrift vom Link soll weiss sein.

Das gilt dann auch für die anderen Seiten.

Gruss
Julchen
 
Die aktive Klasse soll gelten für die aktuelle Seite.
Zum Vergrößern anklicken....
Das 'active' hat doch nix mit der aktuellen Seite zu tun. Die Seite wird doch jedesmal mit dem Stylesheet aufgerufen und dieses enthält eben die 'Styles' für wiederum jene Seite.
Mit aktuell meinst du die Seite die der Nutzer gerade betrachtet ? Das macht doch keinen Sinn, extra Styles für Seiten anzulegen die keiner sieht ;-) !

Schau mal:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#menu_top {
padding-top:6px;
}

#menu_top ul{
margin:0;
padding-top:4px;
list-style-type:none;
}

#menu_top li{
}

#menu_top a:link {
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(images/bg_menu.png);
	width:110px;
	height:36px;
	float:left;
	text-align:center;
}
#menu_top a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(images/bg_menu.png);
	width:110px;
	height:36px;
	float:left;
	text-align:center;
}
#menu_top a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(images/bg_menu.png);
	width:110px;
	height:36px;
	float:left;
	text-align:center;
	font-weight:bold;
}
#menu_top a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(images/bg_menu.png);
	width:110px;
	height:36px;
	float:left;
	text-align:center;
}
body {
	background-color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}
-->
</style>
</head>

<body>

<div id="menu_top">
            		<ul>
						<li><a href="http://www.tutorials.de/index.html">Home</a></li>
                        <li><a href="profil.html">Profil</a></li>

		  		  	  	<li><a href="produkte.html">Produkte</a></li>
					    <li><a href="impressum.html">Impressum</a></li>
	  			    	<li><a href="kontakt.php">Kontakt</a></li>
					</ul>
            </div>

</body>
</html>

Die Schriftfarbe ist weiss, auch schon wenn man die Seite gerade aufruft und die Hintergrundgrafik ist auch da.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück