Hover przy dużych divach

Question

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

Answer 1

Po prostu ustaw hover'a na tekst, a nie na diva ;)

Comments

To znaczy? W w CSS ustawiony jest hover na kolor a nie na background.

---

Co w ciele hover'a dajesz nie ma znaczenia. Znaczenie ma jednak to, że hover'a ustawiasz na div'ie który jest wyświetlany blokowo, zamiast ustawić go dla np. span'a

---

Teraz rozumiem. Dobre rozwiązanie. Nie wpadłem na nie, ale dopiero się uczę. Dzięki!

---

Cieszę się, że sobie poradziłeś. Miłej nauki