• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Hover przy dużych divach

VPS Starter Arubacloud
0 głosów
216 wizyt
pytanie zadane 19 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)

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

1 odpowiedź

+1 głos
odpowiedź 19 lutego 2017 przez DL TD Nałogowiec (36,710 p.)
wybrane 19 lutego 2017 przez czarek84
 
Najlepsza
Po prostu ustaw hover'a na tekst, a nie na diva ;)
komentarz 19 lutego 2017 przez czarek84 Początkujący (290 p.)
To znaczy? W w CSS ustawiony jest hover na kolor a nie na background.
komentarz 19 lutego 2017 przez DL TD Nałogowiec (36,710 p.)
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
komentarz 19 lutego 2017 przez czarek84 Początkujący (290 p.)
Teraz rozumiem. Dobre rozwiązanie. Nie wpadłem na nie, ale dopiero się uczę. Dzięki!
komentarz 19 lutego 2017 przez DL TD Nałogowiec (36,710 p.)

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

Podobne pytania

0 głosów
1 odpowiedź 158 wizyt
pytanie zadane 18 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)
0 głosów
1 odpowiedź 204 wizyt
pytanie zadane 25 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)
0 głosów
4 odpowiedzi 175 wizyt
pytanie zadane 31 stycznia 2017 w HTML i CSS przez jillMcDuck Nowicjusz (160 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...