Witam,
Mam pytanie jak ustawić hover. Mam w miarę dużego diva, w sumie dwa - jeden po lewej, drugi po prawej stronie. Jeden div zajmuję połowę dostępnej szerokości. HTML i CSS poniżej.
<div id="content">
<div id="contentL">
<i class="icon-user"></i>
<br/> <br/> Bilety <br/> indywidualne
</div>
<div id="contentR">
<i class="icon-group"></i>
<br/> <br/> Bilety <br/> grupowe
</div>
<div style="clear:both"> </div>
</div>
#content
{
}
#contentL
{
float:left;
width: 596px;
text-align: right;
border-right: 1px solid black;
font-size: 30px;
padding-top: 60px;
padding-right: 15px;
}
#contentR
{
float:left;
width: 596px;
border-left: 1px solid black;
font-size: 30px;
padding-top: 60px;
padding-left: 15px;
}
#contentL:hover
{
color: #c34f4f;
cursor: pointer;
}
#contentR:hover
{
color: #c34f4f;
cursor: pointer;
}
Ustawiłem dla nich hover, ale chciałbym, aby działał tylko przy najechaniu na tekst lub ikonkę . Bo teraz jak najadę na pustą przestrzeń diva, to też podświetla się ikonka i tekst. Co jest głupie przy tak dużym divie. Krótko mówiąc, czy da się to jakoś ustawić, aby hover działał tylko po najechaniu na tekst/ikonkę?
Pozdrawiam
Czarek