Hallo zusammen,
ich habe eine webseite mit DW erstellt, funktioniert alles, nur eine Sache arbeitet nicht, wie ich es gerne haben möchte
Die Menü-Navigation soll bei Besuchte Seite gefärbt bleiben, damit man weiss, wo man sich gerade aufhält....
Leider tuts dies nicht bei der besuchte seite... Was muss ich ändern , damit diese Funktion bei den besuchten seiten angezeigt wird ?
Füge Quellcode bei....
Würde mich sehr auf Hilfe freuen
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"> <!-- body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background: url(fussballer_doppel.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link { text-decoration: none; color: #00F; } a:visited { text-decoration: none; color: #900; } a:hover { text-decoration: none; color: #FFF; } a:active { text-decoration: none; color: #FFF; background-color: #060; } /* ~~ Element-/Tag-Selektoren ~~ */ ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */ padding: 0; margin: 0; list-style-type: none; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */ padding-right: 15px; padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */ color: #333; } /* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */ .container { width: 960px; background: #FFF; margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */ } /* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */ .header { background-image: url(banner_gross3.png); background-repeat: no-repeat; background-position: 190px; } .content { padding: 10px 0; width: 760px; float: left; text-align: center; } /* ~~ Dies sind die Spalten für das Layout. ~~ */ .navigation { width: 100%; background-repeat: repeat; background-image: url(header1x50.png); height: 50px; line-height: 50px; } .navigation #nav li a { display: inline; width: 100px; float: left; margin: 10px; text-align: center; border: 1px solid #666; color: #FFF; } .navigation #nav li a:hover, a:focus, a:active { color: #FFF; background-color: #060; } #sidebar2 { width: 200px; float: right; text-align: center; } /* ~~ Fußzeile ~~ */ .footer { padding: 10px 0; position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */ clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */ background-image: url(header_bg.gif); background-repeat: repeat; text-align: center; } --> </style> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="logo_green.png" alt="Hier Logo einfügen" name="Insert_logo" width="200" height="240" border="0" id="Insert_logo" style="background: #C6D580; display:block;" /></a> <!-- end .header --></div> <div class="navigation"> <ul id="nav"> <li class="active"><a href="#">STARTSEITE</a></li> <li><a href="#">MANNSHAFTEN</a></li> <li><a href="#">VEREIN</a></li> <li><a href="link1.html">LiNK</a></li> <li><a href="#">FOTOS</a></li> <li><a href="#">ANFAHRT</a></li> <li><a href="#">KONTAKT</a></li> </ul> </div> <p> </p> <div class="content"> <h2>Lorem ipsum</h2> <p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> <div id="sidebar2"> <p>Besuchen sie uns auf Facebook</p> <p><a href="#"><img src="face.jpg" width="50" height="50" border="0" /></a></p> <p> </p> <p>Unsere Sponsoren</p> <p> </p> <p> </p> </div> <div class="footer"> <p>2010-2011@ mustermann</p> </div> <!-- end .container --></div> </body> </html>
danke sejuma
super Tutorial....funzt jetzt alles
danke nochmals
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren