• 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

0 głosów
176 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ź 68 wizyt
pytanie zadane 21 marca 2020 w C# przez harryna Gaduła (3,180 p.)
0 głosów
3 odpowiedzi 651 wizyt
pytanie zadane 29 marca 2018 w HTML i CSS przez lukasz281992 Nowicjusz (190 p.)
+1 głos
4 odpowiedzi 130 wizyt
pytanie zadane 24 maja 2021 w HTML i CSS przez Hubert Wajda Obywatel (1,220 p.)

86,459 zapytań

135,216 odpowiedzi

300,377 komentarzy

57,209 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...