Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Odległość divów od siebie
8rol
post
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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

Witam.

W jaki sposób najlepiej ustalić jaka odległość ma być pomiędzy poszczególnymi divami?
Chodzi o to, aby nie były "sklejone".

P.S Pisze styl wykorzystując wartości podane w procentach.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
8rol
post
Post #2





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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

HTML

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. 	<title>Moja pierwsza strona na DIVach</title>
  6. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. 	<link rel="stylesheet" type="text/css" href="style.css" />
  8. </head>
  9. <body>
  10. <div id="all">
  11. 	<div id="naglowek">
  12. 		<img src="logo.gif" alt="logo" title="Strona główna" />
  13. 	</div>
  14. 	<div id="menu">
  15. 		<ul>
  16. 			<li><a href="#2">Kontakt</a></li>
  17. 			<li><a href="#1">Pomoc</a></li>
  18. 		</ul>
  19. 	</div>
  20. 	<div id="tresc">
  21. 		Treść
  22. 	</div>
  23. 	<div id="stopka">
  24. 		Stopka
  25. 	</div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


CSS:
Kod
body {
    width: 100%;
    color: black;
    background: green;
}

#all {
width: 80%;
margin: auto;
}

#naglowek, #stopka {
    width: 100%;    
}

#naglowek {
    height: 180px;
    background: #242424;
}

#stopka {
    height: 50px;
    clear: both;
    background: #F7F7F7;
    
}

#menu, #tresc {
    height: 400px;
    float: left;
}

#menu {
    width: 20%;
    background: #007BB9;

}

#tresc {
    width: 80%;
    background: #DBC500;
}
Go to the top of the page
+Quote Post

Posty w temacie
- 8rol   Odległość divów od siebie   14.11.2009, 19:15:27
- - Burned   margin   14.11.2009, 19:32:58
- - 8rol   Tak też to zacząłem robić, jednak pojawia się prob...   14.11.2009, 19:45:41
- - erix   Daj kontener i ustaw w nim padding.   14.11.2009, 19:56:52
- - 8rol   Gdy kontenerowi nadam padding wtedy cała "str...   14.11.2009, 20:06:45
- - erix   Daj trochę kodu, style też.   14.11.2009, 20:11:16
- - 8rol   HTML [HTML] pobierz, plaintext <!DOCTYPE html ...   14.11.2009, 20:15:20

« Następny starszy · CSS · 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: 18.10.2025 - 11:33
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn