2010-12-07 4 views
0

У меня есть CSSПроблема с CSS и Баттона

div.myButton input a { 
display:block; 
height: 24px; 
width: 43px; 
padding:10px 10px 10px 7px; 
font: bold 13px sans-serif;; 
color:#333; 
background: url("hover.png") 0 0 no-repeat; 
text-decoration: none; 
} 
myButton a:hover { 
background-position: 0 -44px; 
color: #049; 
} 
myButton a:active { 
background-position: 0 -88px; 
color:#fff; 
} 

И тогда у меня есть HTML

<div class="myButton"><INPUT type="submit" name="" value=""></div> 

Я не знаю, куда я иду неправильно, но я не могу просмотреть изображение !!

Любая помощь?

Благодаря

ответ

1

div.myButton input a ищет DIV с классом myButton, который содержит вход, который содержит якорь. У вас нет такого якоря, поэтому стиль не применяется ни к чему.

+0

Я не получил вас помощником? Можете ли вы внести изменения в текущий код. Я не могу понять, что вы сказали. – 5416339 2010-12-07 07:52:59

+0

@ 541: из вашего вопроса не ясно *, где * вы хотите, чтобы изображение появилось, поэтому я не хочу предлагать любые изменения. Я просто говорю, что * все * селектора css, которые вы вставили, выбирают элементы `a`, и у вас нет никакого` ` в вашем коде, поэтому ни один из этих стилей не применяется прямо сейчас – 2010-12-07 08:08:57

0

div.myButton { дисплей: блок; высота: 24px; ширина: 43шт; обивка: 10px 10px 10px 7px; font: bold 13px sans-serif; цвет: # 333; background-color: # 093; background: url (images/add.png); background-image: url (file: /// C | /Documents%20and%20Settings/pooja/Desktop/cnn.png) text-decoration: none; } myButton a: hover {
background-position: 0 -44px; background-color: # 093; цвет: # 049; } myButton a: active { background-position: 0 -88px; background-color: # 093;

цвет: #fff; }

Смежные вопросы