проблем с бутон

mo7ika

Registered
HTML:
<li><a id="promotions" href="#" title="Промоции "></a></li>


[css]
a #promotions:link{text-indent:-9999px; background-image:url(../img/promotions.png);}
a #promotions:hover{background-image:url(../img/promotions2.png);}[/css]

това е кода и ховъра не ми се получава ;( някой вижда ли грешката
 
[css]#promotions a{text-indent:-9999px; background-image:url(../img/promotions.png);}
#promotions a:hover{background-image:url(../img/promotions2.png);}[/css]
 
[css]li a#promotions {text-indent:-9999px; background-image:url(../img/promotions.png);}
li a#promotions:hover{background-image:url(../img/promotions2.png);}[/css]
или
[css]
li #promotions {text-indent:-9999px; background-image:url(../img/promotions.png);}
li #promotions:hover{background-image:url(../img/promotions2.png);}
[/css]
 
HTML:
<ul><li><a id="promotions" href="#" title="Промоции "></a></li></ul>

[css]ul li #promotions:link{text-indent:-9999px; background-image:url(../img/promotions.png);}
ul li #promotions:hover{background-image:url(../img/promotions2.png);}[/css]

ако с този css не стане използвай този:

[css]ul li a:link{text-indent:-9999px; background-image:url(../img/promotions.png);}
ul li a:hover{background-image:url(../img/promotions2.png);}[/css]
 
така.. оправих го проблема е че id-то ня трябва да е на а тага а на li ... и от там псевдо елементите се оправят
 
За да ти работи цсс-а трябва да е така a#promotion{}
Не знам какво ти се е получило, но принципно се слага display:block; на <а> за да се вижда картинката, както и някакви размери, но пак в часни случаи може да работи и по друг начин ;)
 
shterev каза:
За да ти работи цсс-а трябва да е така a#promotion{}
Не знам какво ти се е получило, но принципно се слага display:block; на <а> за да се вижда картинката, както и някакви размери, но пак в часни случаи може да работи и по друг начин ;)

Ооо да добавих и display:block
 

Back
Горе