kurs HTML bład w kodzie, potrzebna pomoc

pytanie zadane 21 lutego 2016 w HTML i CSS przez Karitto Użytkownik (610 p.)

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title> Najlepsze seriale - subiektywne TOP 5!! </title>
	<meta name="description" content= "Serwis prezentuje subiektywne top 5 seriali telewizyjnych. Sprawdź je wszystkie ! " />
	<meta name ="keywords" content= "film, seriale , najlepsze filmy, top filmy ciekawe, ogladaj , kinomaniak" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	
	<style>
	#container
	{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		
	}
	#logo 
	{
		background-color: black;
		color: white;
		text-align: center;
		padding: 15px;
	}
	#nav
	{
		float: left;
		background-color: lightgray;
		width 120px;
		min-height: 620px;
		padding: 10px;
	}
	#content
	{
		float: left;
		padding: 20px;
		width: 640px;	
		background-color: white;
	}
	#ad
	{
		float: left;
		width 160px;
		min-height 620px;
		padding: 10px;
		background-color: lightgray;
	}
	#footer
	{
		clear both;
		background-color: black;
		color: white;
		text-align: center;
		padding: 20px;
		
	}
	
	
	</style>
	
	
	
	
</head>

<body>

	<div id="container">
	
		<div id ="logo">
			<h1>Najlepsze seriale - subiektywne TOP 5! </hi>
		</div>
		
		<div id="nav">
			Dr House <br />
			Breaking Bad <br />
			True Detective <br />
			Big Bang Theory <br />
			Z Archiwum X <br />
		</div>
		
		<div id="content">
			<h2>Dr House (ang. House; House, M.D.) </h2>
		
		amerykaaski medyczny serial telewizyjny produkowany dla stacji telewizyjnej Fox. Zadebiutowal na antenie 16 listopada 2004 roku.Fabula serialu koncentruje sie na osobie dr Gregory'ego House'a (Hugh Laurie), niekonwencjonalnego, szalonego, a zarazem genialnego lekarza, kierujacego zespoem diagnostycznym w fikcyjnym Szpitalu Klinicznym Princeton-Plainsboro (PPTH) w New Jersey. W kazdym odcinku dr House wraz ze swoim zespolem prbuje zdiagnozowa i wyleczy pacjentw przejawiajcych rozmaite objawy, niewyjanione wczeniej przez innych lekarzy.
		<br/> <br/>
		W pierwszych trzech seriach zesp dr. House'a tworzyli: dr Allison Cameron (Jennifer Morrison), dr Robert Chase (Jesse Spencer) i dr Eric Foreman (Omar Epps), od czwartej serii dr Chris Taub .
		</div>
		
		<div id="ad">
			<img src="ad.jpg" />
		</div>
		
		<div id="footer" >
			Najlepsze seriale - TOP 5! &copy; Wszelkie prawa zastrzezone
		</div>
	
	
	
	
	
	</div>




</body>

</html>

Dlaczego cała strona jest czarna, skad sie wzią pasek po prawej stronie od reklamy i dlaczego reklama i menu nie są równej wysokości ? (2 odc HTML pana Mirosława)

Dzieki za pomoc !

edit : podaje url obrazka bo na forum mała rozdzielczosc: http://iv.pl/images/71882921017124977760.png

3 odpowiedzi

odpowiedź 21 lutego 2016 przez Mlody89 Mądrala (6,920 p.)

W #footer pomiędzy clear i both nie masz dwukropka i w #ad też ci uciekły

komentarz 26 lutego 2016 przez Karitto Użytkownik (610 p.)

Wielkie dzieki !

odpowiedź 21 lutego 2016 przez Ehlert Ekspert (215,010 p.)

odpowiedź 26 lutego 2016 przez HaKIM Szeryf (87,590 p.)
edycja 28 kwietnia 2016 przez HaKIM

Do kodu css nie będę zgłębiał, ale...

- Nie <h1></hi>, a <h1></h1>.

- Menu polecam robić w ul, li, nav, brak brzydkich <br /> po każdym polu.

Szybki przykład:

<nav class="nav">
    <ul>
        <li>Strona Główna</li>
        <li>Kontakt</li>
        <li>Support</li>
    </ul>
</nav>

Potem możesz odnosić się do ul jak i bez podawania do nich klasy, przykład:

    .nav{
        width: 100%;
        height: 60px;
    }
    
    .nav > ul{
        //background, color, etc...
    }
    
    .nav > ul > li{
        //background, color, etc...
    }
    
    .nav > ul > li:hover{
        //background, color, etc...
    }

- Nie div o id footer, a po prostu <footer class="footer">.

- Nie:

        amerykaaski medyczny serial telewizyjny...
        <br/> <br/>
        W pierwszych trzech seriach.. .

Tylko:

<p>
        amerykaaski medyczny serial telewizyjny...
</p>
<p>
        W pierwszych trzech seriach...
</p>

Te <p> zawsze można wystylizować poprzez #content - wolę korzystać z klas, ale niech będzie - przykład:

#content > p{
    text-align: center;
    font-size: 12px;
    //etc...
}

Jak już załączyłeś te <!DOCTYPE html> to korzystaj ze składni html5.

Z tego co widzę, pan na dole, Mlody napisal o problemach w css, więc sobie daruję. Miłego dnia.

ps. polecam lekturę http://tutorials.comandeer.pl/html5-blog.html.

komentarz 28 kwietnia 2016 przez Karitto Użytkownik (610 p.)

Wielkie dzieki ! Naprawde przydatne porady :D

Podobne pytania

–1 głos

0 odpowiedzi 174 wizyt

Język C Błąd programu, Potrzebna pomoc w znalezieniu

pytanie zadane 4 marca 2017 w C i C++ przez lukasz9819 Początkujący (360 p.)

0 głosów

1 odpowiedź 367 wizyt

Gdzie zrobiłam błąd w kodzie? HTML, divy nie chcą ułożyć się szeregowo

pytanie zadane 31 stycznia 2017 w Nasze projekty przez szejkus Użytkownik (540 p.)

0 głosów

3 odpowiedzi 582 wizyt

Nie wiem gdzie jest bład....

pytanie zadane 4 lipca 2016 w C i C++ przez jaciekrece Nowicjusz (170 p.)

kurs HTML bład w kodzie, potrzebna pomoc

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci