menü --- ort soll markiert sein

Status
Nicht offen für weitere Antworten.
G

gAMemX

Grünschnabel
Hallo, ich hab vor ne kleine navigation zu machen ( wird dann alles in php integriert ) im moment sieht se so aus:

Code: 
<html>

<link rel="stylesheet" type="text/css" href="style.css">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div>
<style type="text/css">
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

/* Navigationsstatus, gerade besuchte Sektion */
body#home #nav li#gallery a {
  background: #369;
}
</style>
</html><html>

<link rel="stylesheet" type="text/css" href="style.css">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div>
<style type="text/css">
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

</style>
</html>


Wenn man nun über ein "kästchen" vom menü drüberfährt wechselt es dir farbe. Wenn ich nun in der index.html bin möchte ich dass, das kasten in dem "home" drin steht die farbe behält wie wenn ich es hovere. So dass man immer weiss wo man ist. wenn man auf "gallery" hovert und klickt wechselt es die farbe und man kommt in die gallery.html. dort sollte dann im menü gallery markiert sein. also in der farbe wie wenn man hovert. ich hoffe das versteht jemand.... is schwierig zu erklären ?! :(
 
Hi!

Speichere doch in deinen einzelnen Seiten per PHP Variablen (<?php page="start";?>).

Über diese kannst du dann in deiner Navi per if-Abfragen die Aussehensänderung vornehmen.

Ein anderer Weg fällt mir momentan nicht ein.

cu shutdown
 
Hallo,
ja, ich weiss nur nicht wie ich das dann mit css lösen soll.

Der aktuelle Bereich ( hab das mit modulen aufgebaut ) steht in einer Variable ( $area ). Wenn man also im Menü auf "Gallery" klcikt, kommt man auf index.php?area=gallery. Somit steht "gallery" in der Variable $area drin. Das funktioniert alles einwandfrei. Nur eben das mit der Farbe ist ein Problem. Wie könnte man das mit Hilfe von $area lösen?

Danke

g@Me|mX
 
Hi!

Du machst einfach:

PHP: 
if($area == galerie){echo "<td style=\"background-color:#FF0000\">Galerie</td>";}

kannst auch
Code: 
<td class="xy"></td>
das müsste es eigentlich gewesen sein
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück