Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Header na całą szerokość.
GoldeNx3
post 15.12.2011, 23:09:32
Post #1





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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

Witam! Jak zrobić stronę, że header, będzie rozciągnięte na całą szerokość strony a na nim zamieścić logo?
A reszta treści miała szerokość np. 900px?
Go to the top of the page
+Quote Post
Shili
post 15.12.2011, 23:12:30
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

Pokaż kod i to co próbowałeś do tej pory zrobić.
Będziemy Ci wtedy w stanie określić to, co robisz źle i jak powinno być to poprawione.

Btw, tak na szybko:

width: 100% i odpowiednie ułożenie elementów htmlowych to rozwiązanie.
Go to the top of the page
+Quote Post
cykcykacz
post 15.12.2011, 23:14:57
Post #3





Grupa: Zarejestrowani
Postów: 550
Pomógł: 9
Dołączył: 29.05.2009
Skąd: Ostrów Wielkopolski

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

Kod
<div id="header" style="width: 100%; background-color: orange;"></div>
<div id="content" style="width: 900px;"></div>


Ten post edytował cykcykacz 15.12.2011, 23:15:37
Go to the top of the page
+Quote Post
GoldeNx3
post 15.12.2011, 23:54:56
Post #4





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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

[HTML] pobierz, plaintext 
  1. body{ 
  2. 	width: 100%; 
  3. 	height: 100%;
  4. 	background: #513E29;
  5. 	margin: 0;	
  6. 	padding: 0;	
  7. 	text-align: center;	
  8. 	font-family:tahoma,verdana,arial;	
  9. 	font-size:11px;	font-weight: normal;
  10. }
  11.  
  12. #site { 
  13. 	width: 100%; 
  14. 	height: 200px;  
  15. 	margin: 0px auto;
  16. 	position: relative; 
  17. 	background: #FF0000;
  18. }
  19.  
  20. ul#menu { 
  21. 	position: relative; 
  22. 	text-align: center; 
  23. 	margin: 0px; 
  24. 	height: 35px; 
  25. 	width: 100%; 
  26. 	list-style-type: none; 
  27. 	padding: 0px;
  28. }
  29.  
  30. ul#menu li{ 
  31. 	display: inline;
  32. }
  33.  
  34. ul#menu>li a { 
  35. 	line-height: 31px; 
  36. 	height: 41px; 
  37. 	padding: 6px 13px 7px; 
  38. 	color: #ad9c87; 
  39. 	font-size: 14px; 	
  40. 	font-family: "Times New Roman", times, tahoma,verdana,arial;
  41. }
  42. ul#menu>li>a:hover,ul#menu>li.sel>a  {
  43. 	color: #f8f4e6; 
  44. 	background-color: #513E29; 
  45. 	border-radius: 8px; 
  46. 	-moz-border-radius: 8px 8px 8px 8px; 
  47. }
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  1. <body>
  2. 	<div id="site">
  3. 		<ul id="menu" >
  4.   		        <li><a class="" href="">O nas</a></li>
  5. 	               	<li><a class="" href="">Galeria</a></li>
  6. 	                <li><a class="" href="">Kontakt</a></li>
  7.  
  8. 		</ul>	
  9. 	</div>
  10. </body>
[HTML] pobierz, plaintext



No niby jest, ale teraz pytanie, jak zrobić okno tam gdzie jest czerwone tło, wyśrodkowane?
Czerwony kolor specjalnie, bym wiedział, co edytuję.

Ten post edytował GoldeNx3 15.12.2011, 23:55:19
Go to the top of the page
+Quote Post
rossecki
post 16.12.2011, 15:09:45
Post #5





Grupa: Zarejestrowani
Postów: 39
Pomógł: 3
Dołączył: 3.12.2011

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

Fajnie by było gdyby informacja zawierała "dokładnie który kontener chcesz przesunąć"..
To co napisałeś pod kodem jest niezbyt jasne.. nie wiadomo czy chodzi o to menu czy o całą stronę?

Ten post edytował rossecki 16.12.2011, 15:11:48
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 28.04.2025 - 05:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn