Jak zmienić tło w div-ie w podanym kodzie? Co zrobiłem źle.

pytanie zadane 30 listopada 2020 w HTML i CSS przez OFAL Początkujący (260 p.)

To jest mój kod:

<!DOCTYPE html>
<html lang="pl"> 

<head>
    <meta charset="utf-8"/>
    <title>Arg-F</title>
    <meta name="description" content="..."/>
    <meta name="keywords" content="..." />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="author" content="..."/>
    
    <style>
    
        #container
        {
            background-color = blue;
            width = 1200px;
            margin-left: auto;
            margin-right: auto; 
        }
        #logo
        {
            background-color = "black";
        
        }
        
    </style>
    
</head>

<body>

    <div ip="container"> 
    
        <div ip="logo" >
    
            <p align="right"> <! –...–>
            <a href="Tutaj był link" target="_blank" title="...">
                Ja
            </a></p>
            
                <h1><center><img src="IMG.png"></center></h1> <! – Logo witryny –>

            <a><h1><center> <! – ... –>
            tutaj był tekst
            </center></h1></a>
    
        </div>
    
    </div> 
    
</body>

</html>

wie ktoś dla czego zmiana koloru tła (ani w container ani w logo) mi nie działa?

zaznaczę tylko jeszcze że div-y renderują się dobrze (sprawdzałem przy badaniu strony).

Oczywiście korzystam z poradnika Zelenta ale robię odrazu na swojej stronie dlatego wiem że zrobiłem coś źle, ale nie wiem co...

1 odpowiedź

odpowiedź 30 listopada 2020 przez radek024 Szeryf (77,160 p.)

Sposób zapisywania zmian w CSSie jest następujący:

.nazwa-klasy{
właściwość: wartość;
}

Przeanalizuj swój kod i sprawdź, czy na pewno zapisałeś dobrze wszystkie linie.

2	komentarz 30 listopada 2020 przez bwaluk Mądrala (5,440 p.) i jeszcze w divach są literówki (id powinno być zamiast ip)

komentarz 30 listopada 2020 przez OFAL Początkujący (260 p.)

Działa, ale mam jeszcze pytanie, jak zrobić by container był wyższy niż logo?

bo są tej samej wielkości i wyświetla się tylko jeden kolor

komentarz 30 listopada 2020 przez OFAL Początkujący (260 p.)

albo może nie dla tego

tak sądzę

jeśli jest inaczej to napiszecie?

komentarz 30 listopada 2020 przez OFAL Początkujący (260 p.)
edycja 30 listopada 2020 przez OFAL

@radek024,

teraz mam tak:

	<style>
	
		#container
		{
			background-color: lightblue;
			width: 1200px;
			
			margin-left: auto;
			margin-right: auto; 
		}
		#logo
		{
			background-color: black;
            color: lightblue;
		}
		
	</style>

a ip zmieniłem na id ale nadal mam ten problem co powyżej, może to nadal wina błędnego zapisu css?

1	komentarz 30 listopada 2020 przez radek024 Szeryf (77,160 p.) Warto, abyś pokazał kod od nowa. Pamiętaj, że treści z reguły czyta się od góry do dołu, więc nie należy ustawiać sztywnej wartości. W zamian za to możesz użyć właściwości min-height.

komentarz 30 listopada 2020 przez OFAL Początkujący (260 p.)

<!DOCTYPE html>
<html lang="pl"> 

<head>
	<meta charset="utf-8"/>
	<title>Arg-F</title>
	<meta name="description" content="..."/>
	<meta name="keywords" content="..." />
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
	<meta name="author" content="..."/>
	
	<style>
	
		#container
		{
			background-color: lightblue;
			width: 1200px;
			min-hight: 2000px;
			
			margin-left: auto;
			margin-right: auto; 
		}
		#logo
		{
			background-color: black;
			color: lightblue;
		}
		
	</style>
	
</head>

<body>

	<div id="container"> 
	
		<div id="logo" bgcolor="black">
	
			<p align="right"> <! –...–>
			<a href="..." target="_blank" title="...">
				...
			</a></p>
			
				<h1><center><img src="IMG.png"></center></h1> <! – Logo witryny –>

			<a><h1><center> <! – ... –>
			...
			</center></h1></a>
	
		</div>
	
	</div> 
	
</body>

</html>

1	komentarz 30 listopada 2020 przez radek024 Szeryf (77,160 p.) Okok, nie odświeżyłem wątku. Możesz jeszcze dodać trochę treści do containera, aby zrobił się większy.