Problem z HTML i CSS

pytanie zadane 14 maja 2018 w HTML i CSS przez Tomek Kopcik Początkujący (250 p.)
otagowane ponownie 14 maja 2018 przez Tomek Kopcik

Jeżeli w #logo wpisałem

#logo
{

background-color: white
color: black;
text-align: center;
}

oraz utworzyłem div'a , który był umieszczony w div'ie "container"

To co mogłem zrobić źle? Ponieważ efekt jaki powinienem otrzymać to biały napis na czarnym prostokątnym "pasku" natomiast ja otrzymuje czarny napis bez żadnego elementu w tle.

komentarz zamknięcia: Rozwiązanie problemu

komentarz 14 maja 2018 przez Mariusz08 Maniak (62,300 p.)

Kod bez bloczka

komentarz 14 maja 2018 przez Tomek Kopcik Początkujący (250 p.)

Przepraszam, ale jestem początkujący w temacie, mógłbyś mi wytłumaczyć dokładnie co źle zrobiłem, ponieważ nie dostrzegam błędu :(

komentarz 14 maja 2018 przez shotokan Nałogowiec (39,660 p.)

Jak możesz mieć biały napis skoro ustawiłeś kolor czcionki na czarny...

komentarz 14 maja 2018 przez Tomek Kopcik Początkujący (250 p.)

Moje niedopatrzenie, dzięki za pomoc.

komentarz 14 maja 2018 przez danielb Bywalec (2,520 p.)

Zdarza się, ja nie takie niedopatrzenie zrobiłem :-)

komentarz 14 maja 2018 przez Mariusz08 Maniak (62,300 p.)

@Tomek Kopcik,

Kod wstawia się w specjalne bloczki z kodem https://forum.pasja-informatyki.pl/faq#jak-wstawic-kod-zrodlowy

komentarz 14 maja 2018 przez Tomek Kopcik Początkujący (250 p.)

ok, rozumiem

2 odpowiedzi

odpowiedź 14 maja 2018 przez niezalogowany
wybrane 14 maja 2018 przez Tomek Kopcik

Najlepsza

Aby otrzymać biały napis na czarnym tle to musisz dać czarne tło czyli:

background-color: black;

, oraz biały napis czyli:

color: white;

Tutaj mamy do czynienia z dziedziczeniem - h1 dziedziczy właściwość color po Twoim divie #logo, zatem kolor czcionki jaki otrzymasz to czarny.

Zmień kategorię pytania na HTML/CSS czy coś podobnego.

Używaj bloczków do wpisywania kodu

komentarz 14 maja 2018 przez Tomek Kopcik Początkujący (250 p.)

Ok, dzięki za pomoc i informacje dotyczącą funkcjonowania forum.

odpowiedź 14 maja 2018 przez danielb Bywalec (2,520 p.)

Drogi kolego, masz tu dwie rzeczy, 1, zapomniałeś wstawić ; po white, ma być tak: background-color: white; zdarza się ;-) nie przejmój się tym, skojarz sobie ; jest jak sprzęgło w samochodzie, musi być wciśnięte, no chyba że masz automat, to wtedy cię, to nie obchodzi :-)

a po 2, pomyliłeś sobie kolejność kolorów, zamiast przy color dać white, dałeś black, i odwrotnie przy   background-color, dałeś white, zamiast black;

tak ma być:

  background-color: black;
  color: white;

a nie widzisz, żadnego efektu, ponieważ domyślnie własnie takie ustawienie, jak ty dałeś, mają przeglądarki, czyli białe tło, i czarne napisy..

samo color: to kolor tekstu, a background-color: to kolor tła,

mam nadzieje ze pomogłem.