nefungujuci styl a:active pre odkaz v CSS

kolac

mam klasicku html/css stranku, v css mam specifikovane odkazy ( menu ) nasledovne:

.menu_box a {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: black;
}

.menu_box a:hover {
	text-decoration: underline;	
}

.menu_box a:active {
	text-decoration: underline;	
}

.menu_box a:visited {
	text-decoration: none;
}

a samotne menu ( cez php include )

Kód: Vybrať všetko

        <ul>
        	<li class="menu_box"> <a href="index.php">hlavná stránka </a> </li>
            <li class="menu_box"> <a href="akozistit.php">ako zistiť model </a> </li>
            <li class="menu_box"> <a href="navod.php">návod na výmenu </a> </li>
            <li class="menu_box"> <a href="referencie.php">referencie </a> </li>
            <li class="menu_box"> <a href="kontakt.php">kontakt </a> </li>
        </ul>

problem je v tom, ze stranka si akoby "nepamata" ktory odkaz je momentalne aktivny. Napada niekoho v com moze byt problem ?
( funguje a:link a a:hover. a:visited a a:active nefunguju )

eMPiko

1) pri a:active tam nemas .menu_box, ale .menu
2) neviem ako si prisiel na to, ze visited ti nefunguje, kedze tam mas text-decoration: none; takze to prirodzene nic nerobi

kolac

1. to bol len preklep, tak ci tak to nefunguje, hoc aj ked ten menu_box odstranim, nech to plati pre celu stranku
2. ano viem o tom, ale skusal som tam dat underline a taktiez nic

sharky-no

a ako chapes ze funguje a:active?
- styl ti zobrazi ked si na aktualnej stranke
alebo
- styl ti zobrazi ked kliknes na link ?

kolac

a:link alebo len a definuje odkaz ako taky
a:visited uz navstiveny
a:hover taky nad ktorym prejdes myskou
a:active taky ktoreho odkaz mas prave otvoreny

sharky-no

no, tak tam bude problem.
a:active nie je o tom ze si prave na stranke aktualneho odkazu.
a:active je v podstate a:click -> http://www.w3schools.com/cssref/tryit.a ... sel_active

to co chces ty, spravis najjednoduchsie cez class.

kolac

mohol by si to specifikovat presnejsie ? ( na nejakom priklade ) Na inej stranke som to robil takto a fungovalo to.

sharky-no

Kód: Vybrať všetko

<a href="index.php"> index </a>
<a href="galeria.php" class="active"> galeria </a>
<a href="kontakt.php"> kontakt </a>

mas tri podstranky (index.php, galeria.php, kontakt.php)
v kazdej z nich mas menu, akurat s tym rozdielom, ze v galeria.php mas pri linku 'galeria' class="active", a tu classu si v CSS naformatujes tak ako chces aby vypadal odkaz na ktorom sa prave nachadzas...

a ostatne podstranky analogicky
na index.php je v menu class="active" pri indexe
a na kontakt.php je pri kontakte a ostatne linky su bez classy

kolac

jasne, uz rozumiem, diky. K+

nefungujuci styl a:active pre odkaz v CSS

nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS

Re: nefungujuci styl a:active pre odkaz v CSS