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 |
#2 · Zasláno: 15. 11. 2007, 19:08:00
BlueRain
list-style-position:inside;? |
||
Bubák Profil |
#3 · Zasláno: 15. 11. 2007, 19:37:46
BlueRain
A co IE6? |
||
Manq Profil |
#4 · Zasláno: 15. 11. 2007, 19:40:34
Bubák
Na to se neptal :o). BlueRain A co IE<6? Nepůjde ti to. |
||
BlueRain Profil |
#5 · Zasláno: 15. 11. 2007, 21:07:36
Musí to jít i jinak.
Je to např. na http://www.gta4.cz/ |
||
Manq Profil |
#6 · Zasláno: 15. 11. 2007, 21:15:33
BlueRain
Hm, tohle se řeší obrázkem na pozadí <a> + nějaký levý padding. Ok? |
||
BlueRain Profil |
#7 · Zasláno: 15. 11. 2007, 21:21:00
Manq
Bohužel ne. Napsal bys mi prosim tě nějaký příklad? ThX |
||
Manq Profil |
#8 · Zasláno: 15. 11. 2007, 21:26:59
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 |
#9 · Zasláno: 15. 11. 2007, 21:48:11
<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 |
#10 · Zasláno: 15. 11. 2007, 22:20:43
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 |
#11 · Zasláno: 16. 11. 2007, 17:32:38
<!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 |
#12 · Zasláno: 16. 11. 2007, 17:36:53
BlueRain
Proč tam máš ten <div>? |
||
BlueRain Profil |
#13 · Zasláno: 16. 11. 2007, 18:55:12
Manq
Ten je ted nepodstatný. Ale mě zajímá, jestli to bude kompatibilní. |
||
Manq Profil |
#14 · Zasláno: 16. 11. 2007, 19:05:18
BlueRain
Jasan. |
||
Bubák Profil |
#15 · Zasláno: 16. 11. 2007, 19:13:15
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/ |
||
Časová prodleva: 16 let
|
0