Nie dzjałąjący html i css

pytanie zadane 4 sierpnia 2017 w HTML i CSS przez Farmer Obywatel (1,150 p.)

Cześć,

robię stronę i nie działa mi tzw. h1 podpinam go w css-ie i nie działa (chodzi o nagłówek "Albumy" na stronie):

<body onload="zmienslajd()">

			<main>
	
				<article>
				
					<div id="container">
						
						<div class="logo">Łucja Koźlik</div>
						
						<div class="navi">
							<div class="optionL"><a href="index.html">Strona główna</a></div>
							<div class="optionL"><a href="albumy.html">Albumy</a></div>
							<div class="optionL"><a href="historia.html">Krótka historia</a></div>
						</div>
						
						<div class="content">
								
									<header>
										<h1>Piękne miejsca na ziemi</h1>
									</header>
						
						</div>
						
						<div id="slider">
						</div>

h1 
{
    font-size: 32px;
    font-weight: 400;
    color: #39a5f1;
    margin-top: 45px;
    margin-bottom: 30px;
    letter-spacing: 10px;
    text-transform: uppercase;
}

chodzi o ten podkreślony (tam jest tekst próbny :D)

Bardzo proszę o pomoc

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

poczytaj może o elemencie <nav> i o listach ul oraz ol w HTML, bo to na ich podstawie budujemy nawigację na stronie. Dodatkowo, jak chcesz stylować jakiś element to nadaj mu najpierw klasę w HTML, a później odwołuj się do tej klasy w CSS, nie stylizuj po tagach ani po id ;)

1 odpowiedź

odpowiedź 4 sierpnia 2017 przez xmentor Nałogowiec (49,520 p.)
edycja 4 sierpnia 2017 przez xmentor

Odśwież F5.

Kilka tipów:

Do podpinania zdarzeń używamy addEventListener
Twoje logo powinno być w nagłówku pierwszego stopnia, które zresztą nie powinno znajdować się w article ani main
Aktualne h1 powinno być zastąpione przez h2
Menu również nie powinno być umieszczone w main->article
Nawigację budujemy na liście

Pokaż 23 poprzednich komentarzy

komentarz 4 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

ale tam DZIAŁA

komentarz 4 sierpnia 2017 przez Pietrak Pasjonat (18,850 p.)

dodaj box-sizing: border-box; do #slider

komentarz 4 sierpnia 2017 przez jpacanowski VIP (101,940 p.)

<body onload="zmienslajd()">

Nie, panie, nie... tak się nie robi...

<h1 class="h2">Piękne miejsca na ziemi</h1>

Ta klasa .h2 wprowadza w błąd. Nazwij klasę albo .header, bądź .main-header, a jeśli już bardzo chcesz to .h1 a nie .h2.

komentarz 4 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

wiem panie ale ja dopiero zaczynam... nie musze chyba być od razu na poziomie np. Johna Carmacka a jeśli chodzi o klase to wiem... po porstu miałem wcześniej zamiast <h1> miałem <h2> i tak już zostało...