Autor Zpráva
BlueRain
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<style>
li:hover{background-color:red;}
</style>
</head>
<body>
<ul>
<li><a href="#">odkaz</a></li>
</ul>
</body>
</html>

Když na to najedu mysí, zmeni se barva pozadi text na cervenou, ale nezmeni se barva pozadi a za tou kulickou. Jak to mám udelat?
Manq
Profil
BlueRain
list-style-position:inside;?
Bubák
Profil
BlueRain
A co IE6?
Manq
Profil
Bubák
Na to se neptal :o).

BlueRain
A co IE<6? Nepůjde ti to.
BlueRain
Profil
Musí to jít i jinak.
Je to např. na http://www.gta4.cz/
Manq
Profil
BlueRain
Hm, tohle se řeší obrázkem na pozadí <a> + nějaký levý padding. Ok?
BlueRain
Profil
Manq
Bohužel ne. Napsal bys mi prosim tě nějaký příklad? ThX
Manq
Profil
a {background:url('odrazka.jpg') no-repeat #fff;padding-left:10px;}
a:hover {backgroung:#c60;}

<a href="peklo.html">Odkaz do nebe</a>
BlueRain
Profil
<div id="leveMenu">
<ul id="leveMenu1">
<li><a href="#">About me</a></li>
</ul>
</div>

div#leveMenu ul#leveMenu1{list-style-type:square}
div#leveMenu ul#leveMenu1 a:hover{background-color:red; padding-left:10px;}


Stále to nejde :-(
Bubák
Profil
http://teststranek.kvalitne.cz/ - koukni do zdrojáku.

Stále to nejde :-(
Protože děláš něco jiného, než to radil Manq.
BlueRain
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<style>
div#leveMenu ul#leveMenu {list-style-type:none;}
div#leveMenu ul#leveMenu a{
background-image:url('http://www.gta4.cz//themes/gta4/images/bullets/s ite.gif');
background-repeat:no-repeat;
background-position:5px 5px;
padding-left:20px;}
div#leveMenu ul#leveMenu a:hover{background:red;}
</style>
</head>
<body>
<div id="leveMenu">
<ul id="leveMenu">
<li><a href="#">Link</a></li>
</ul>
</div>
</body>
</html>


Může to být takto?
Manq
Profil
BlueRain
Proč tam máš ten <div>?
BlueRain
Profil
Manq
Ten je ted nepodstatný.
Ale mě zajímá, jestli to bude kompatibilní.
Manq
Profil
BlueRain
Jasan.
Bubák
Profil
Proč tam máš ten <div>?
Možná matrjoška, nebo něco takového.

<div id="leveMenu">
<ul id="leveMenu">

Na strácne můžeš mít jeden ID použít jen jednou. Třeba takhle:

<style>
#leveMenu ul {deklarace;}
leveMenu ul#leveMenu a {deklarace;}
#leveMenu ul a:hover {deklarace;}
</style>

<div id="leveMenu">
<ul>
<li><a href="#">Link</a></li>

Měl bys lépe využívat kontext.
http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/

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: