Autor Zpráva
piwik
Profil
Dobry den,

Potrebujem poradit v jednej veci. Mam menu v CSS. Potrebujem aby farba navstiveneho odkazu z menu sa zmenila. Ked dam vlastnost visited, cize v kode to bude:
#menu li a:visited {
  background-color: #133F5D;
}

, tak sa mi zmeni farba navstiveneho odkazu, to je OK. Ale ak kliknes na druhy odkaz v menu, potrebujem aby farba predchadzajuceho navstiveneho odkazu sa opat zmenila na povodnu. Ako toho docielim? Ja viem je to asi banalita, ale nedari sa mi to spojazdnit.

Dakujem za odpovede

Stranka je na www.suster-web.sk


Tu je cely CSS kod:

/* CSS dokument */

#menu-box {
  background: #1C4E71 url('images/menu-bg.gif') repeat-x 0 0;
}

#menu {
  width: 900px; 
  margin: 0 auto;
}

#menu li {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
}

#menu li a {
  text-decoration: none;
  color: #FFF;
  float: left;
  display: inline;
  line-height: 30px;
  padding: 0 18px;
  border-right: 1px solid #6E9DBE;
  font-family:tahoma,verdana,arial,sans-serif;
  font-size:0.80em;
}

#menu li a:hover, #menu li a:active {
  background-color: #133F5D;
}

.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ' ';
}

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}

/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
Chamurappi
Profil
Reaguji na piwika:
Ako toho docielim? Ja viem je to asi banalita
Zase taková banalita to není. Odnavštívit odkaz nejde.
Jestli chceš vyznačovat právě nalistovanou položku menu, tak se musíš obejít s obyčejnou třídou (bez :visited), kterou přigeneruješ vybranému odkazu (ideálně) již na straně serveru.
piwik
Profil
Chamurappi:
Zase taková banalita to není. Odnavštívit odkaz nejde.
Jestli chceš vyznačovat právě nalistovanou položku menu, tak se musíš obejít s obyčejnou třídou (bez :visited), kterou přigeneruješ vybranému odkazu (ideálně) již na straně serveru.


Aha, v poriadku.
Dik za odpoved.
slovakCZ
Profil
presne tak.. pro ukazku:

<ul>
<li><a>text</a></li>
 <li><a class="active">text</a></li> <!-- na teto strance nyni jsem, kdyz ji opustim trida active zmizi a da se jinam. resit to tedy budes na strane servru -->
 <li><a>text</a></li>
 <li><a>text</a></li>
 <li><a>text</a></li>
</ul>



existuje jeste jedna moznost.. kdyz se ti stranke nerefreshuje (napr pouzivas ajax pro generovani obsahu) tak misto :visited muzes pouzit :focus (co to dela si nekde urcite zjistis)
Chamurappi
Profil
Reaguji na slovakaCZ:
kdyz se ti stranke nerefreshuje […] tak misto :visited muzes pouzit :focus (co to dela si nekde urcite zjistis)
Dělá to něco úplně jiného než potřebuje.

presne tak.. pro ukazku
Ještě je možnost nastavovat společnému rodiči třídu podle vybrané stránky, mít u všech položek menu třídu podle toho, co jsou zač, a v CSS zvýrazňovat všechny .vybraná-stránka .příslušná-položka-menu.

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:

0