Autor Zpráva
tchuck
Profil *
nahoře mé stránky mám základní menu, jehož jednotlivé položky mají nastaveno toto css:

background: navy;
border-top: 2px solid #CAE1F6;
border-bottom: 2px solid #CAE1F6;
border-left: 2px solid #CAE1F6;
border-right: 2px solid #CAE1F6;
padding: .4em 7px .4em 7px;
font-size: 16px;
font-decoration: none;
color: white;
font-family: verdana;
font-weight: bold

to znamená, že samotné položky budou v modrém obdélníku se světlým rámečkem

také bych chtěl, aby se při najetí myši (hover) změnila barva pozadí. to není nic těžkého, ale nevím si rady protože nechci aby stejné podmínky hover platily i pro normální odkazy v textu. zkoušel jsem to pomocí tříd, jak jsem se dočetl na http://www.jakpsatweb.cz/css/css-odkazy-class.html , ale nefunguje mi to.
kromě hoveru bych samozřejmě chtěl nastavení i pro normální vlastnosti odkazu, aby v horním menu byl bílý a v klasickém textu modrý.

děkuji za radu
Str4wberry
Profil
Třeba těm „speciálním“ odkazům přidej třídu — podle které je nastyluješ.
a.specialni {}
a.specialni:hover {}

<a href='' class='specialni'></a>
Bubák
Profil
Třeba takhle:

<style>
#menu a {...} /* deklarace odkazu v menu */
#menu a:hover {...} /* deklarace odkazu v menu pri hoveru */

p a {...} /* deklarace odkazu v textu */
p a:hover {...} /* deklarace odkazu v textu pri hoveru */
</style>

<div id=menu>
<a href="odkaz.html">odkaz</a>
</div>

<p>Blabla <a href="jiny-odkaz.html">podívej</a> další text.</p>
tchuck
Profil *
jo, dík

už mně to funguje...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0