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 |
#2 · Zasláno: 3. 4. 2012, 23:59:06
Sttylers:
„Nevíte někdo, proč mi to nejde.“ Co a jak nejde? |
||
margin Profil * |
#3 · Zasláno: 4. 4. 2012, 00:30:51
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 |
#4 · Zasláno: 4. 4. 2012, 09:13:11
#hlavni nabidka a {}
#hlavni nabidka a:link {} #hlavni nabidka a:hover {} apod.. |
||
panther Profil |
#5 · Zasláno: 4. 4. 2012, 09:31:36
Kolonicny:
- a:link je zbytečný
- element „nabidka“ neexistuje, některé prohlížeče neznámé elementy stylovat neumějí |
||
Chamurappi Profil |
#6 · Zasláno: 4. 4. 2012, 10:49:59
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> .
|
||
Časová prodleva: 6 dní
|
|||
Kubafibi Profil * |
#7 · Zasláno: 10. 4. 2012, 16:39:48
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} |
||
Časová prodleva: 12 let
|
0