Autor Zpráva
negr
Profil
Dobrý den, vím že už to tu bylo a né jednou ale bohužel mi to podle těch vaších návodu nejde :(
Takže ať to upřesním chtěl bych aby když kliknu v menu na položku třeba Služby tak mám připravený na pozadí obrázek a chtěl bych aby teda po kliknutí tam zůstal jako a:active ale nejde mi to :(
menu:
<ul id="menu">
<li><a id="menu_active" href="?page=uvod">Úvodní stránka</a></li>
<li><a id="menu_active" href="?page=sluzby">Služby</a></li>
<li><a id="menu_active" href="?page=reference">Reference</a></li>
<li><a id="menu_active" href="?page=kontakty">Kontakty</a></li>
<li><a id="menu_active" href="?page=objednavky">Objednávky</a></li>
</ul>

CSS:
#menu li {
    display: inline;
	float:left;
	color: #FFFFFF;
	border-color:#FFFFFF;
}

#menu li a {
    display:block;
	background:url(obrazy/tlacitko_normal.jpg);
	background-color:#000000;
	height:20px;
	width:91px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#menu li a:hover {
	background:url(obrazy/tlacitko_hover.jpg);
	color:#FFFFFF;
}

#menu_active {
	background:url(obrazy/tlacitko_hover.jpg);
	color:#FFFFFF;
}


normálně menu mi jde i hover ale to active mi nejde a nevím proč zkoušel jsem všechno #menu a:active atd a nic :(
Poradíte pls?

Omlouvám se mělo to být spíše v sekci CSS ale ja nějak neuvažoval tak pardon
Miloš
Profil
1) <a id="menu_active" tam máš několikrát, ale na jedné stránce smí být jen jeden prvek s unikátním ID.
2) a:active není odkaz na „aktivní“ (aktuální) stránku (HTML ani CSS enmohou zjistit, která stránka to je).
a:active je libovolný odkaz, na který je právě klikáno myší (podobně jako a:hover odkaz, nad kterým se myší přejíždí).

Nerozumím přesně, na co se ptáš.
Tohle pomůže? (bod „K“)
negr
Profil
prostě chci ať se mi nezmění aktivní tlačítko zpět do původního stavu...změnil jsem kod a furt nic, jak mám v css u a:active background:#565F02 tak se mi to tak nezměni po kliknutí na tlačítko. Chci ať tak zůstane když je aktivní ta stránka přes to tlačítko.
<div id="menu">
<ul>
<li><a href="?page=uvod">Úvodní stránka</a></li>
<li><a href="?page=sluzby">Služby</a></li>
<li><a href="?page=reference">Reference</a></li>
<li><a href="?page=kontakty">Kontakty</a></li>
<li><a href="?page=objednavky">Objednávky</a></li>
</ul>

#menu, #menu * {
    margin: 0;
    padding: 0;
	font-size: 12px;
	font-weight: bold;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
    display: inline;
	float:left;
	color: #FFFFFF;
	border-color:#FFFFFF;
}

#menu a {
    display:block;
	background:url(obrazy/tlacitko_normal.jpg);
	background-color:#000000;
	height:20px;
	width:91px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#menu a:hover, #menu a:focus {
	background:url(obrazy/tlacitko_hover.jpg);
	color:#FFFFFF;
}

#menu a:active {
	background:#565F02;
	color:#FFFFFF;
}
Miloš
Profil
jak mám v css u a:active background:#565F02 tak se mi to tak nezměni po kliknutí na tlačítko.
Po kliknutí už není active.
:active je jenom ten kratičký stav, jen ten okamžik, když zrovna klikáš.
Jakmile přestaneš klikat (doklikneš), odkaz přestává být :active.
negr
Profil
a jak teda udělám ať mi zůstane změněné na tu barvu když kliknu na tlačítko? A pak když kliknu na druhé ať tamto se vráti a je zas to nové pod tou barvou? ale nemyslím visited
Miloš
Profil
Na té konkrétní stránce dáš tomu jednomu konkrétnímu odkazu ID – například id="menu_active" – jak jsi to měl v prvním příkladu.
Tu třídu musíš dát ale jen tomu jednomu odkazu, který patří k té konkrétní stránce. No a jak se to má chovat pak nadefinuješ v CSS.

U statických stránek musíš to ID vepsat unikátně jednomu odkazu ručně,
u stránek generovaných PHP viz můj výše uvedený odkaz.
Radek9
Profil
Tohle: http://polopate.jakpsatweb.cz/index.php?page=include4
negr
Profil
to prostě nejde :( tady máš odkaz a třeba bys mi mohl nějak poradit Odkaz
já už nevím jak na to...mam to id napsat k <li> nebo do <a>?
Miloš
Profil
Jestliže maš class="activni" pro <li>, pak to můžeš napsat takhle:
#menu a:hover, #menu a:focus, #menu .activni a {background:url(tlacitko_hover.jpg); color:#FFFFFF;}


a naopak můžeš smazat tohle:
.activni {background:url(tlacitko_hover.jpg); color:#FFFFFF;}
negr
Profil
no jo ale ja mam jen jedno menu a obsah tam includuju :)
takže už to jde ale když pak kliknu třeba na služby tak je Úvodní stránka pořád stejná :) a služby zase normálně..(když jse mto přiřadil k <li> jednomu odkazu)
Miloš
Profil
Jestliže menu includuješ, musíš tu třídu předat v proměnné.
Jak na to – viz odkaz, o kterém jsem tu už dvakrát psal.
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=2&topic=65234#13 – od bodu K
negr
Profil
právě že neincluduju obsah includuju menu mam stávajíci
negr
Profil
hehe už jsem si to ošéfoval :) Tak díky za rady a čas :)
blaaablaaa
Profil
trosku OT, ale:
"Profesionalni koder & programator", jak se oznacujes, by takove zakladni veci mel umet ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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