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

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

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
0 głosów
117 wizyt
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 Zelentalaugh ale robię odrazu na swojej stronie dlatego wiem że zrobiłem coś źle, ale nie wiem co...

1 odpowiedź

+1 głos
odpowiedź 30 listopada 2020 przez radek024 Szeryf (77,860 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,860 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,860 p.)
Okok, nie odświeżyłem wątku. Możesz jeszcze dodać trochę treści do containera, aby zrobił się większy.
komentarz 30 listopada 2020 przez OFAL Początkujący (260 p.)

dodałem padding na piętnaście i widzę. jak dodam więcej elementów to tło się zwiększy.

dzięki za pomoc.yes 

Podobne pytania

0 głosów
1 odpowiedź 135 wizyt
pytanie zadane 20 lipca 2020 w HTML i CSS przez KosaTV Obywatel (1,260 p.)
0 głosów
2 odpowiedzi 704 wizyt
pytanie zadane 17 grudnia 2015 w HTML i CSS przez damianlxlx5 Obywatel (1,880 p.)
0 głosów
1 odpowiedź 119 wizyt

90,823 zapytań

139,496 odpowiedzi

313,568 komentarzy

60,316 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

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

...