Nefunguje a:hover – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Nefunguje a:hover – CSS – Fórum – Programujte.comNefunguje a:hover – CSS – Fórum – Programujte.com

 

Dozer
~ Anonymní uživatel
1 příspěvek
17. 8. 2007   #1
-
0
-

HTML:

<html>

<head>
<link rel="stylesheet" href="styly.css">
</head>
<body>
<div id="navigace">
<a href="neco.html">Odkaz</a>
</div>
</body>
</html>


CSS:
#navigace a:hover {

text-decoration: underline;
}

#navigace a, #navigace a:link, #navigace a:visited {
color: black;
font-family: Courier;
font-size: 20px;
text-decoration: none;
}

Nahlásit jako SPAM
IP: ...–
DeaLer+2
Hero
17. 8. 2007   #2
-
0
-

Zdravím, nerespektuješ jedno ze základních pravidel ... platí "vždy" poslední uvedenej styl. Tzn. ty sice vytvoříš pravidlo pro a:hover, ale následně ho přepíšeš pravidlem a:link (nebo jen a) ... řešením je ty styly přehodit.

Nahlásit jako SPAM
IP: ...–
Dušan Janošík | web: djanosik.cz, @djanosik
Mautinek
~ Redaktor
0
Grafoman
17. 8. 2007   #3
-
0
-

kód:

#navigace a, #navigace a:link, #navigace a:visited {

color: black;
font-family: Courier;
font-size: 20px;
text-decoration: none;
}

#navigace a:hover {
text-decoration: underline;
}


a link se píše lépe takto:
<link rel="stylesheet" type="text/css" href="styly.css" />


EDIT: tak mě DeaLer předběhl :-)

Nahlásit jako SPAM
IP: ...–
Programujte.com redaktor
Sleduj mě na @MartinSimko
Colpik0
Super člen
17. 8. 2007   #4
-
0
-

Pozor! Mautinkův kód je mírně chybný - patří tam:

#navigace a, #navigace a:link, #navigace a:visited {

color: black;
font-family: Courier;
font-size: 20px;
text-decoration: none;
}

#navigace a:hover {
text-decoration: underline;
}


Bez těch identifikátorů by se přebarvily všechny odkazy na stránce!

Nahlásit jako SPAM
IP: ...–
Pavel 'Colpik' Tobiáš - Developer & Music Producer [br] http://colpik.webstudio4u.eu
insider0
Věrný člen
17. 8. 2007   #5
-
0
-

To DeaLer: a:link neprepise a:hover, a:hover prepise jen a ..., popr jiny a:hover ... jinak zbytek je pravda

Nahlásit jako SPAM
IP: ...–
I don't want to see you go,[br] The sky is over[br] Even though we can't afford[br] The sky is over,[br] The sky is over us.[br][br] CIVILIZATION IS OVER
Mautinek
~ Redaktor
0
Grafoman
17. 8. 2007   #6
-
0
-

To Colpik: sry, opraveno i v mém příspěvku

Nahlásit jako SPAM
IP: ...–
Programujte.com redaktor
Sleduj mě na @MartinSimko
DeaLer+2
Hero
17. 8. 2007   #7
-
0
-

To insider: samozřejmě, že přepíše ... jen si to zkus

Nahlásit jako SPAM
IP: ...–
Dušan Janošík | web: djanosik.cz, @djanosik
Petroff0
Věrný člen
17. 8. 2007   #8
-
0
-

Pánové, vnášíte do kódu (příp.hlavy) p.Dozera chybičky - nerespektujete,že "specifičtější pravidlo má přednost i když není později definované".
<Ad_DeaLer>
Kód máš OK, ale nikoli konstatování,že a:hover{yyy} je přepsán a{xxx}
<Ad_Mautinek>
V podstatě jsi navrhnul tyto pravidla:
#navigace a {}
a:link{}
a:visited{}
#navigace a:hover{}
Z nich nemají šanci uspět druhé a třetí (klidně je můžeš vypustit).

Já osobně bych plácl před id-hoveru DIV a bylo by to:
div#navigace a:hover {
text-decoration: underline;
}
..........<Ad_Petroff> NIKDY! Jeto prachsprostá záplata

Nahlásit jako SPAM
IP: ...–
DeaLer+2
Hero
17. 8. 2007   #9
-
0
-

To Petroff: Jo, sorry ... nebyl jsem si jistej, jestli ho samotný a může přepsat.

Nahlásit jako SPAM
IP: ...–
Dušan Janošík | web: djanosik.cz, @djanosik
Petroff0
Věrný člen
17. 8. 2007   #10
-
0
-

Omlouvám se za (případnou) duplicitu.
# to je už po nevímkolikáté, co jsem si od načtené stránky "odskočíl" na nějakou tu hodinku...
# asi je nemožné aktualizovat site s rozepsaným formulářem viďte...

Nahlásit jako SPAM
IP: ...–
insider0
Věrný člen
18. 8. 2007   #11
-
0
-

To DeaLer: aaa, pardon, mam trochu bordel v pseudotridach

Nahlásit jako SPAM
IP: ...–
I don't want to see you go,[br] The sky is over[br] Even though we can't afford[br] The sky is over,[br] The sky is over us.[br][br] CIVILIZATION IS OVER
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 19 hostů

Podobná vlákna

Nefunguje hover — založil Kano

Tr:hover — založil mORb

A:hover — založil myth

Hover — založil dinkin

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý