Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] html5 podstawy
mrk9109
post
Post #1





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

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

Witam po długiej przerwie z stronami postanowiłem troche znów cos porobić i przy nauce html 5 wyszukałem kilka poradników odnośnie budowy strony i mam pytanko prosty kod i nie wiem dlaczego nie srodkuje mi tresci chociaz mam ustawione margin: 0 auto;
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6.     <title>Title Strony</title>
  7.     <link rel="stylesheet" href="css/style.css">
  8.     <link rel="stylesheet" href="css/media.css">
  9. </head>
  10. <body>
  11. <div id="container">
  12.         <header>
  13. 		          <img src="images/header.png" alt="ZZRG Chwalowice" />
  14. 		</header>
  15. 		<nav>
  16. 		          (IMG:style_emoticons/default/haha.gif) 
  17. 		</nav>
  18. </div>  
  19. </body>
  20. </html>
[HTML] pobierz, plaintext

css3
[CSS] pobierz, plaintext 
  1. * {padding:0;margin:0;}
  2.  
  3. html {width:100%;height:100%;}
  4. body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#00000;background:#dadada;}
  5.  
  6. .container {width:800px;margin:0 auto;overflow: hidden;}
  7.  
  8. header {background:#000000;width:100%;height:400px;}
  9. header img {margin:0 auto;}
[CSS] pobierz, plaintext
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
herWALDI
post
Post #2





Grupa: Zarejestrowani
Postów: 41
Pomógł: 1
Dołączył: 14.05.2013

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

Zapewne problem leży po stronie obrazka. Korzystasz z jakiegoś framework'a css? Jeżeli tak to sprawa prosta, jeżeli nie to dodaj do CSS
[CSS] pobierz, plaintext 
  1. img {max-width:100%;height:auto;}
[CSS] pobierz, plaintext


Dodatkowo wpadłem na to, że pewnie masz klasę container na stałe ustawioną, spróbuj tego:
[CSS] pobierz, plaintext 
  1. @media (min-width: 768px) {
  2.   .container {
  3.     width: 750px;
  4.   }
  5. }
  6. @media (min-width: 992px) {
  7.   .container {
  8.     width: 970px;
  9.   }
  10. }
  11. @media (min-width: 1200px) {
  12.   .container {
  13.     width: 1170px;
  14.   }
  15. }
[CSS] pobierz, plaintext


Ten post edytował herWALDI 23.03.2016, 07:50:18
Go to the top of the page
+Quote Post

Posty w temacie
- mrk9109   [CSS][HTML] html5 podstawy   22.03.2016, 22:04:32
- - Comandeer   Bo próbujesz stylować klasę .container a nie id #c...   22.03.2016, 22:40:49
- - mrk9109   Nie zauważyłem masz racje , mam jeszcze inne pytan...   22.03.2016, 22:48:06
- - herWALDI   Zapewne problem leży po stronie obrazka. Korzystas...   23.03.2016, 07:49:11
- - mrk9109   dzięki   23.03.2016, 18:21:41

« 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 · Przełącz na: Linearny+ · Drzewo

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

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