Autor Zpráva
Sttylers
Profil
Dobrý den,
Nevíte někdo, proč mi to nejde. Řekl bych, že pseudotřídy se v css dělají úplně jinak, ale bohužel nevím jak.=(
#hlavni nabidka
a         {text-decoration: none}
a:link    {color: white}
a:visited {color: white}
a:active  {color: #000066}
a:hover   {color: #000066; text-decoration: none}
a         {border-top: 3px solid blue; border-left: 3px solid blue; border-bottom: 3px solid blue; border-right: 3px solid blue; background-color: #0066FF; font-variant: small-caps; font-weight: bold}
Davex
Profil
Sttylers:
Nevíte někdo, proč mi to nejde.
Co a jak nejde?
margin
Profil *
Tipnul bych si, že pseudotřídy máš správně, ale problémy ti dělá pochopení a (chybný) zápis kontextové deklarace:
Vlastní styly » Složené deklarace
Kolonicny
Profil
#hlavni nabidka a {}
#hlavni nabidka a:link {}
#hlavni nabidka a:hover {}

apod..
panther
Profil
Kolonicny:
- a:link je zbytečný
- element „nabidka“ neexistuje, některé prohlížeče neznámé elementy stylovat neumějí
Chamurappi
Profil
Reaguji na Sttylerse:
Pokud máš mezeru v id (což není moc dobrý nápad), musíš ji escapovat zpětným lomítkem, jinak bude selektor opravdu hledat element <nabidka>.
Kubafibi
Profil *
Radši piš místo mezer třeba podtržítko hlavni_nabidka. Nebudeš se muset zdržovat s escapováním.
KubaFibi
Profil
Pak ještě musíš id toho elementu psát před každý prvek. Tj.:

#hlavni_nabidka a         {text-decoration: none}
#hlavni_nabidka a:link    {color: white}
#hlavni_nabidka a:visited {color: white}
#hlavni_nabidka a:active  {color: #000066}
#hlavni_nabidka a:hover   {color: #000066; text-decoration: none}
#hlavni_nabidka a         {border-top: 3px solid blue; border-left: 3px solid blue; border-bottom: 3px solid blue; border-right: 3px solid blue; background-color: #0066FF; font-variant: small-caps; font-weight: bold}

V html kódu to může být např. takto:

<div id='hlavni_nabidka'>
<a href=''>Odkaz</a>
</div>

Ještě jeden dodatek:
:active musíš dát až za :hover jinak se to v některém prohlížeči bude špatně zobrazovat. (nevím teď u kterého) Dodržuj pořadí :link, :visited, :hover, :active a neměl bys mít problém.
Výsledný css:
#hlavni_nabidka a         {text-decoration: none}
#hlavni_nabidka a:link    {color: white}
#hlavni_nabidka a:visited {color: white}
#hlavni_nabidka a:hover   {color: #000066; text-decoration: none}
#hlavni_nabidka a:active  {color: #000066}
#hlavni_nabidka a         {border-top: 3px solid blue; border-left: 3px solid blue; border-bottom: 3px solid blue; border-right: 3px solid blue; background-color: #0066FF; font-variant: small-caps; font-weight: bold}

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: