Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   hover на h1 неработает... (https://javascript.ru/forum/xhtml-html-css/6174-hover-na-h1-nerabotaet.html)

cuberboy 16.11.2009 12:00

hover на h1 неработает...
 
<style>
a:hover h3{color:green;
background-color:red;
}
</style>

<div style="border:solid;border-width:0;border-color:yellow;text-align:center;color:yellow;height:24px;margin:10;background-color:#71030e;">
<a href="katalog.php?pol=j&grupa=1" style="text-decoration:none">
<h3 style="padding:0;margin:0px;color:yellow"> Одежда </h3></a></div>


фон срабатывает а текст нет 8 ((((

Riim 16.11.2009 13:58

Блочный элемент не может находиться в строчном.

cuberboy 16.11.2009 14:16

<h3 style="padding:0;margin:0px;background-color:#71030e;">
<a href="" style="display:block;height:24px;margin:10;text-align:center;text-decoration:none;" >
ссылка</a></h3>

что то похожее

cuberboy 16.11.2009 14:22

<h3 style="padding:0;margin:10px;background-color:#71030e;">
<a href="" style="display:block;height:24px;margin:0;text-align:center;text-decoration:none;" >
ghbvth</a></h3>


работает как надо, тока мне не везде надо такое применять... как сделать чтоб не ко всем ссылкам?

cuberboy 16.11.2009 14:26

и цвет букавак не получаетя менять 8 ((((

cuberboy 16.11.2009 14:32

<style>
a.q1:hover {background-color:red; color:white;
}
</style>

<h3 style="padding:0;margin:10px;background-color:#71030e;">
<a href="" style="display:block;height:24px;margin:0;text-align:center;text-decoration:none;color:yellow" class="q1">
ghbvth</a></h3>


всё гуд...тока цвет букавак не меняется 8 ((((

Riim 16.11.2009 14:49

<style type="text/css">

a.q1 {
display: block;
height: 24px;
margin: 0;
text-align: center;
text-decoration: none;
color: yellow;
}

a.q1:hover {
background-color:red;
color: #fff;
}
</style>
 
<h3 style="padding: 0; margin: 10px; background-color: #71030e;">
<a href="" class="q1">ghbvth</a></h3>

cuberboy 16.11.2009 14:56

нет, не работает

cuberboy 16.11.2009 14:58

что странно если задавать цвет ссылки внутри тега то всё нормально, но стоит скопировать в стили..и.....
<style  type="text/css">

h3 {padding:0;margin:10px;background-color:#71030e;;color:yellow;}

.q1{display:block;height:24px;margin:0;text-align:center;text-decoration:none;color:yellow;}

a.q1:hover {background-color:red; color:#fff;}

</style>

<h3> <a href=""  class="q1">ghbvth</a></h3>


не рабоатет

cuberboy 16.11.2009 15:11

мозговой штурм окончен банально
<style  type="text/css">

h3 {padding:0;margin:10px;background-color:#71030e;;color:yellow;}

.q1{display:block;height:24px;margin:0;text-align:center;text-decoration:none;color:yellow;}

a.q1:link {color:yellow;}
a.q1:visited { color:yellow; }
a.q1:active { color:yellow; }

a.q1:hover {background-color:red; color:#fff;}
</style>

<h3> <a href=""  class="q1" >ghbvth</a></h3>


Часовой пояс GMT +3, время: 08:59.