Forum PHP.pl > [CSS][HTML]Html5 i CSS3

Pomoc - Szukaj - Użytkownicy - Kalendarz

mrk9109

5.02.2016, 14:48:20

Witam po 7 letniej przerwy wracam do stron poniewaz potrzebuje zrobic dla pracy swoja strone czytalem duzo o html5 i css3 i mam pytanie dlaczego zawartosc ponizej header mi sie nie wyswietla ?
Html:
http://wklej.org/id/1930131/
Css:
http://wklej.org/id/1930132/

Olsz4k

5.02.2016, 15:10:35

Strzelam na złą ścieżkę do obrazka - sprawdź ją.
Poza tym, w 39 linijce zmień "lefT" na left, wkradła Ci się duża litera.

mrk9109

5.02.2016, 15:46:50

Ścieżki sa dobre mi chodzi o zawartość nav i main że jak dodam tło do Header to wtedy przestaje wyświetlać

Comandeer

5.02.2016, 16:10:15

No przecież rozciągnąłeś header na całą stronę…

koodo218

5.02.2016, 16:13:29

Używasz elementów HTML5, a stosujesz stary !DOCTYPE.

mrk9109

5.02.2016, 16:42:16

tak rozciagam header i jest obrazek ale pod dołem mam nav i on tez ma obrazek KTOREGO nie wyswietla jak i na dole jest main ktory tez sie nie pokazuje dlaczego ?

pietrov8

5.02.2016, 18:05:07

A dlaczego dałeś position: fixed? To zasłania Ci cały content gdyż jest na 100% wysokości i szerokości.

mrk9109

5.02.2016, 18:46:50

Może powiem o co mi chodzi chce by Header było dopasowane do każdej rozdzielczości dla tego mam size a pod tym chcę by było menu też na 100% with mam usunąć tylko fixed ? Bo pisze z telefonu jestem w pracy 2 pytanie co dodać by menu było ciągle u góry na swoim miejscu po kliknięciu

freewalker

5.02.2016, 19:29:32

tak jak poprzednik napisał, dałeś header na 100% i następne elementy są zasłaniane, chcesz menu na całą szerokość strony to daj tylko width:100%, height ustaw sobie np na 5% i reszta po header będzie już na swoim miejscu (tylko powinieneś dać margin-top:10% dla pierwszego elementu po header, żeby dobrze się ułożyło, bo fixed traktowane jest jak absolute i nie wpływa na pozycjonowanie reszty elementów).

Poza tym również wspomniane DOCTYPE, tu masz poprawną składnię HTML5:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl-PL">
	<head>
		<title>Tytuł</title>
		<meta charset="utf-8">
		<meta name="description" content="opis">
		<link rel="icon" href="..." type="image/x-icon">
		<!-- [if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
		<![endif-->]
	</head>
	<body>
		<header>
			nagłówek
			<nav>
                             nawigacja menu
			</nav>
		</header>
		<main>główna treść</main>
		<aside>boczna treść, jeśli potrzebna</aside>
		<footer>stopa</footer>	
	</body>
</html>
[HTML] pobierz, plaintext

mrk9109

5.02.2016, 19:40:43

Dalej nie ma menu pod headerem i mam stala height juz tyle ile ma tylko size 100% dla tego ze chce by bylo dopasowane do rozdzielczosci gdzie mam teraz blad ? przepraszam za tyle zamętu

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl-PL">
	<head>
		<title>Tytuł</title>
		<meta charset="utf-8">
		<meta name="description" content="opis">
		<link rel="icon" href="..." type="image/x-icon">
	    <link href="css/main.css" rel="stylesheet" type="text/css" />
		<!-- [if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
		<![endif-->
	</head>
	<body>
		<header id="header">
			nagłówek
			<nav id="menu">
                             nawigacja menu
			</nav>
		</header>
		<main>główna treść</main>
		<aside>boczna treść, jeśli potrzebna</aside>
		<footer>stopa</footer>	
	</body>
</html>
[HTML] pobierz, plaintext

Kod

#header {
    background-image: url(../images/header.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 656px;
}
#nav {
    background-image: url(../images/nav.png);
    width:100%;
    height: 79px;
    margin-top: 10%;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.