active - linky

elo · Napísal **elo**: 14.05.2012 17:30

Ahojte,

mam menu a potrebujem aby navstiveny link sa zobrazoval inej farby ako ostatne. (nie po prechode mysou ale stale ked je navstiveny)

Napr.

Link 1
Link 2
Link 3

Ked kliknem na link 2 - nacita sa obsah a farba textu link 2 je cervena (farba pisma link 1 a link 3 su cierne)

Kde mozem robit chybu?

HTML

Kód:

<div class="hlavicka"><a href="www.domena.cz/">Vypočetní technika</a></div>

CSS

Kód:

#hlavicka a:hover { color:#7c1e21} 
#hlavicka li.active a { color:#fff000}

Dakujem.

weroro · Napísal **weroro**: 14.05.2012 17:50

a:visited{color:tvojafarba}

shaggy · Napísal **shaggy**: 14.05.2012 18:06

weroro a elo - pseudotrieda :visited a "stále navštívený" odkaz je niečo iné.
elo - kde máš chybu? Pozri si tvoj druhý zápis. Síce tam meníš farbu, ale meníš to iba pre tie odkazy, ktoré sú v <li>, ktoré má class-u active. Ja nič také v tvojom kóde nevidím.

elo · Napísal autor témy **elo**: 14.05.2012 18:19

Ani takto to v CSS nejde.

HTML je dobre tak ako je vyssie?

Kód:

#hlavicka a:hover { color:#7c1e21}
#hlavicka a:active a { color:#fff000}

CSS ako mam prosim upravit?

Dakujem.

shaggy · Napísal **shaggy**: 14.05.2012 18:34

Prečítaj si ešte raz, čo som napísal, tam máš odpoveď.

elo · Napísal autor témy **elo**: 14.05.2012 18:44

CSS ma ostat povodne:

Kód:

#hlavicka a:hover { color:#7c1e21}
#hlavicka li.active a { color:#fff000}

HTML ma byt takto?

Kód:

<div class="hlavicka"><a href="www.domena.cz/"><li>Vypočetní technika</li></a></div>

shaggy · Napísal **shaggy**: 14.05.2012 21:13

Ty aj vieš, čo píšeš, poznáš základy HTML a CSS?
Pretože toto, na čo sa pýtaš, to sú základy a keby si ich poznal, tak by si pochopil, že si napísal blbosť a kde máš chybu.

elo · Napísal autor témy **elo**: 14.05.2012 21:20

Opravil som HTML

Kód:

<div class="hlavicka">
  <ul>
    <li><a href="web">Vypočetní technika</a></li></ul></div>

CSS

Kód:

.hlavicka li a.active { color:#fff000}

Aj tak to nejde.

Ďuri · Napísal **Ďuri**: 14.05.2012 21:48

Nevidim v tvojom kode element <a> s triedou active.

elo · Napísal autor témy **elo**: 14.05.2012 21:54

Kód:

.hlavicka li a.active { color:#fff000}
.hlavicka a:active { color:#fff000}

Takto?

don jebot · Napísal **don jebot**: 15.05.2012 10:42

nie, a.active != <a> ale <a class="active">

t-pack25 · Napísal **t-pack25**: 15.05.2012 13:41

to elo:
myslel som, ze na druhom fore sme ti uz napisali slusny zaklad.

active - linky

Podobné témy