Autor Zpráva
defcon
Profil
Ahoj předem se omlouvám pokud téma už někde existuje ale ja ho nenašel mám takový problém
mám menu kde mě stránky mění PHP script. Odkazi v menu mám jako obrázky a to tak že jsou tři jeden pro neaktivní stav druhý pro přejetí myši nad něj a třetí pro aktivaci a pro zobrazení aktualního odkazu.
Mám v podstatě všechno udělané jen nevím jak mám udělat, aby po aktivaci odkazu zůstal ten třetí obrázek. Bohužel mám stránky zatím jen na lokalhostu tak ukaži jen kod
Css:
}
#menu a
{
display: block;
width: 150px;
height: 40px;
color: #777;
background: url("../pic/T1.jpg") no-repeat;
text-decoration: none;
font-size: 45%;
text-align: right;
}

#menu a:hover
{
background: url("../pic/T2.jpg") no-repeat;
color: #777;
font-size: 45%;
text-align: right;
}
#menu a:active
{
background: url("../pic/T3.jpg") no-repeat;
color: #777;
font-size: 45%;
text-align: right;
}


div.outer span
{
display: block;
margin:0;
padding: 8px 25px 0 10px;
}


HTML;
<div class="levy">
<img src="../pic/MENU.jpg">
<div id="menu">
<div class="outer">
<a href="?ukaz=domu" title="Odkaz 1"><span>Odkaz 1</span></a>
</div>
<div class="outer">
<a href="?ukaz=clenove" title="Odkaz 2"><span> Odkaz 2</span></a>
</div>
<div class="outer">
<a href="?ukaz=onas" title="Odkaz 3"><span>Odkaz 3</span></a>
</div>
<div class="outer">
<a href="?ukaz=historie" title="Odkaz 4"><span>Odkaz 4</span></a>
</div>
<div class="outer">
<a href="?ukaz=rekordy" title="Odkaz 5"><span> Odkaz 5</span></a>
</div>
</div>

</div>
PHP scritp:
<div class="stredni">
<?php /*PHP script pro prehazovani stranek */
$ukaz="pages/".$_GET["ukaz"];
if (! is_null($ukaz)){
if (File_Exists ($ukaz.".php")){
include $ukaz.".php";
}
elseif (File_Exists ($ukaz.".html")){
readfile($ukaz.".html");
}
else {include "pages/domu.html";}
}
?>
</div>

Předem diky moc za rady.
temistokles
Profil
#menu a:active -> #menu a:active, #menu a.active


S tým, že v php priradíš "aktuálnemu odkazu"
class="active"
DJ Miky
Profil
<a href="?ukaz=domu" title="Odkaz 1"><span>Odkaz 1</span></a>

nahradit za:

<a href="?ukaz=domu" title="Odkaz 1" <?php if($_GET['ukaz']=='domu') echo 'class="aktivni"'; ?>><span>Odkaz 1</span></a>

atd.

a v CSS:

#menu a:active
{
background: url("../pic/T3.jpg") no-repeat;
color: #777;
font-size: 45%;
text-align: right;
}

nahradit za:

#menu a:active, #menu a.aktivni
{
background: url("../pic/T3.jpg") no-repeat;
color: #777;
font-size: 45%;
text-align: right;
}


Je to jedno z možných a nejjednodušších řešení.
defcon
Profil
To DJ Miki Dik toto řešeni sem zkoušel ale špatně do html sem daval jen

<a href="?ukaz=domu" title="Odkaz 1" class="aktivni"><span>Odkaz 1</span></a>
tak to du zkusit diki moc

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: