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

question-closed hover zmienia kolor tła dla nie tego diva, na którym znajduje się kursor

VPS Starter Arubacloud
0 głosów
386 wizyt
pytanie zadane 12 listopada 2018 w HTML i CSS przez Gucci93 Użytkownik (570 p.)
zamknięte 12 listopada 2018 przez Gucci93

Ustawiłem hover dla diva, w którym znajdują się 2 inne divy. Div dla, którego ustawiłem hover to #parametr_i_wartość_car_view a w nim znajdują się #nazwa_parametru_car_view oraz #wartość_parametru_car_view. Niestety po najechaniu podświetla się zawsze div, który znajduje się nad tym divem, nad którym jest kursor...

Tak to wygląda na stronie:

HTML:

<div id="tabele_car_view_lewe">
			<div id="tabela_car_view">
				<div id="nagłówek_tabeli_car_view">Silnik</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Lata produkcji</div>
					<div id="wartość_parametru_car_view">$Lata_produkcji&nbsp;</div>
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Pojemność</div>
					<div id="wartość_parametru_car_view">$Pojemnosc cm&#179 &nbsp;</div>			
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Moc silnika (km)</div>
					<div id="wartość_parametru_car_view">$Moc_silnikaKM	&nbsp;</div>
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Moc silnika (kw)</div>
					<div id="wartość_parametru_car_view">$Moc_silnikaKW	&nbsp;</div>
				</div>
                      </div>
</div>

CSS:

 

/* DO CARVIEW */
	#tabele_car_view_lewe
	{
	
		width: 600px;
		
		float: left;

		/* TESTOWE KOLORY TŁA */
		/* background-color: #e4fd00; */
	}

	#tabele_car_view_prawe
	{
		/* margin-left:10px;
		margin-right:10px; */
		width: 600px;
		
		float: left;

		/* TESTOWE KOLORY TŁA */
		/* background-color: #04c2fc; */
	}

	#tabela_car_view
	{
	width: 500px;
	/* min-width: 200px; */
	margin: 0 auto;
	margin-bottom:50px;
	/* padding-bottom: 40px; */

	
	/* TESTOWE KOLORY TŁA */
	background-color: #b65f5f;
	}

	#nagłówek_tabeli_car_view
	{
		width: 500px;
		border-radius: 20px;
		float: left;  
		text-align: center;
		margin-bottom:25px;
		font-size: x-large;

	/* TESTOWE KOLORY TŁA */
	background-color: #ff0101;
	}

	#parametr_i_wartość_car_view
	{
		width: 500px;
		height: 50px;
		text-align: center;
		/* vertical-align:middle; */
		border-radius: 20px;
		
		/* CENTROWANIE W PIONIE NIE DZIAŁA */
		/* vertical-align: middle; */
	
	/* TESTOWE KOLORY TŁA */
	background-color: #0151ff;
	}

	#parametr_i_wartość_car_view:hover 
	{
		background-color: #c8ff00;
	}

	#nazwa_parametru_car_view
	{
		width: 250px;
		float: left;
		height: 50px;
		
	/* TESTOWE KOLORY TŁA */
	/* background-color: #01ff16;	 */
	}

	#wartość_parametru_car_view
	{
		float: left;
		width: 250px;
		/* float: left; */
		height: 50px;
		
	/* TESTOWE KOLORY TŁA */
	/* background-color: #ff01b3; */
	}

EDIT: 

Właściwie teraz widzę co się stało, pierwszy div parametr_i_wartość_car_view znajduje się pod divem nagłówek_tabeli_car_view dlatego też pod ostatnim parametrem nie ma tła, które ustawiłem...

komentarz zamknięcia: Sam sobie najlepiej odpowiedziałem a odpowiedź znalazłem chwilę po założeniu tematu...

1 odpowiedź

0 głosów
odpowiedź 12 listopada 2018 przez Gucci93 Użytkownik (570 p.)
Wczoraj się z tym męczyłem a z rana kilka minut wystarczyło...Nie wiem czy usunąć temat czy co ale sam sobie odpowiem :D

Trzeba dodać    float: left; do diva #parametr_i_wartość_car_view.

Podobne pytania

0 głosów
1 odpowiedź 342 wizyt
pytanie zadane 21 marca 2020 w C# przez assassin Gaduła (3,260 p.)
0 głosów
3 odpowiedzi 1,066 wizyt
pytanie zadane 29 marca 2018 w HTML i CSS przez lukasz281992 Nowicjusz (190 p.)
+1 głos
4 odpowiedzi 351 wizyt
pytanie zadane 24 maja 2021 w HTML i CSS przez Hubert731 Obywatel (1,650 p.)

92,454 zapytań

141,262 odpowiedzi

319,096 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!

...