Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Html5 i CSS3
mrk9109
post
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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/
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
Olsz4k
post
Post #2





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 26.07.2013
Skąd: Kraków

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
mrk9109
post
Post #3





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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

Ten post edytował mrk9109 5.02.2016, 15:47:43
Go to the top of the page
+Quote Post
Comandeer
post
Post #4





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----

No przecież rozciągnąłeś header na całą stronę…
Go to the top of the page
+Quote Post
koodo218
post
Post #5





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----

Używasz elementów HTML5, a stosujesz stary !DOCTYPE.
Go to the top of the page
+Quote Post
mrk9109
post
Post #6





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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 ?
Go to the top of the page
+Quote Post
pietrov8
post
Post #7





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

A dlaczego dałeś position: fixed? To zasłania Ci cały content gdyż jest na 100% wysokości i szerokości.
Go to the top of the page
+Quote Post
mrk9109
post
Post #8





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
freewalker
post
Post #9





Grupa: Zarejestrowani
Postów: 90
Pomógł: 4
Dołączył: 14.02.2015

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html>
  2. <html lang="pl-PL">
  3. 	<head>
  4. 		<title>Tytuł</title>
  5. 		<meta charset="utf-8">
  6. 		<meta name="description" content="opis">
  7. 		<link rel="icon" href="..." type="image/x-icon">
  8. 		<!-- [if lt IE 9]>
  9. 		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
  10. 		<![endif-->]
  11. 	</head>
  12. 	<body>
  13. 		<header>
  14. 			nagłówek
  15. 			<nav>
  16.                              nawigacja menu
  17. 			</nav>
  18. 		</header>
  19. 		<main>główna treść</main>
  20. 		<aside>boczna treść, jeśli potrzebna</aside>
  21. 		<footer>stopa</footer>	
  22. 	</body>
  23. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
mrk9109
post
Post #10





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html>
  2. <html lang="pl-PL">
  3. 	<head>
  4. 		<title>Tytuł</title>
  5. 		<meta charset="utf-8">
  6. 		<meta name="description" content="opis">
  7. 		<link rel="icon" href="..." type="image/x-icon">
  8. 	    <link href="css/main.css" rel="stylesheet" type="text/css" />
  9. 		<!-- [if lt IE 9]>
  10. 		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
  11. 		<![endif-->
  12. 	</head>
  13. 	<body>
  14. 		<header id="header">
  15. 			nagłówek
  16. 			<nav id="menu">
  17.                              nawigacja menu
  18. 			</nav>
  19. 		</header>
  20. 		<main>główna treść</main>
  21. 		<aside>boczna treść, jeśli potrzebna</aside>
  22. 		<footer>stopa</footer>	
  23. 	</body>
  24. </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%;
}
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 23:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn