Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Problem z układem strony
-kalikuleczka-
post 17.07.2008, 12:13:07
Post #1





Goście
Witam...
Potrzebuje pomocy z napisaniem kodu pod stronę efekt jaki chciałabym uzyskać
strona

I nie potrafię tego ugryź...

Pomoże ktoś?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
qba10
post 17.07.2008, 12:16:06
Post #2





Grupa: Zarejestrowani
Postów: 264
Pomógł: 20
Dołączył: 19.08.2007
Skąd: Bryńsk k. Lidzbarka Welskiego (nie mylić z Warmińskim)

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

Ty prosisz o gotowca?
Odwiedź http://www.kurshtml.boo.pl/css/wstep,szablon.html


--------------------
Qbix Media Project - Prosty Multiplatformowy Odtwarzacz Muzyki
Go to the top of the page
+Quote Post
-kalikuleczka-
post 17.07.2008, 12:47:38
Post #3





Goście
Było by miło.
Pokaże może do czego doszłam sama winksmiley.jpg

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  5. <title>Page</title>
  6. </head>
  7. <body>
  8. <div id = "kontener">
  9. 	<div id = "logo">
  10. 	</div>
  11. 	<div id = "menu">
  12. 	</div>
  13. 	<div id = "zawartosc">
  14. 	</div>
  15. 	<div id = "stopka">
  16. 	</div>
  17. </div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext

i css do niego
[HTML] pobierz, plaintext 
  1. html,body
  2. 	{
  3. 		margin: 0;
  4. 		padding: 0;
  5. 		text-align: center;
  6. 		background: #000000;
  7. 		font-family: Tahoma;
  8. 		font-size:12px;
  9. 	}
  10. div#kontener
  11. 	{
  12. 		background-image: url(tlo.jpg);
  13. 		margin:0 auto;
  14. 		padding : 0px;
  15. 		width:610px;
  16. 	}
  17. div#logo
  18. 	{
  19. 		background-image: url(logo.jpg);
  20. 		margin:0 auto;
  21. 		padding : 0px;
  22. 		width:610px;
  23. 		height:247px;
  24. 	}
  25. div#menu
  26. 	{
  27. 		margin:0 auto;
  28. 		padding : 0px;
  29. 	}
  30. div#zawartosc
  31. 	{
  32. 		background-image : url(zaw.jpg);
  33. 		background-repeat : no-repeat;
  34. 		width : 610px;
  35. 		height:191px;
  36. 		margin : 0 auto;
  37. 		padding : 20px 35px;
  38. 	}
  39. div#stopka
  40. 	{
  41. 		background-image:url(stopka.jpg);
  42. 		background-repeat: no-repeat;
  43. 		width:610px;
  44. 		height:130px;
  45. 		margin:0 auto;
  46. 		padding : 0px;
  47. 	}
[HTML] pobierz, plaintext

Tylko teraz mi wytłumaczcie jak zawartość podzielić na 2 równe części.
Chcę aby strona wyglądała i zachowywała się normalnie przy rozdzielczości większej niż 1024x768
Więc tworzenie div'ów i ułożenie ich za pomocą absolute nie wchodzi w rachubę.
Go to the top of the page
+Quote Post
charlie-cherry
post 17.07.2008, 20:00:28
Post #4





Grupa: Zarejestrowani
Postów: 93
Pomógł: 5
Dołączył: 15.12.2007

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

Nie jestem pewnien co to znaczy, że strona będzie się zachowywała "normalnie". A co podzielenia diva to sprawa jest w miarę prosta i można zrobić to na kilka sposobów.

Ja proponuję wewnątrz "zawartosc" utworzyć dwa divy:

zawartosc_lewy
zawartosc_prawy

Obydwu nadać "float:left" i ustalić szerokość w pikselach i procentach, a divowi stopka trzeba w css "clear:both" inaczej "zwartosc" będzie nachodziła na stopkę.

Zadziałało?
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: 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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn