Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]obróbka gotowego szablonu a rozjezdzajace sie elementy strony
hyhyhy
post
Post #1





Grupa: Zarejestrowani
Postów: 135
Pomógł: 5
Dołączył: 6.02.2011

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

Witam,

Mam nastepujacy problem: Pobralem gotowy szablon strony, poniewaz o designie graficznym strony nie mam bladego pojecia.
Otwarlem plik style.css i costam pogrzebalem, pozmeinialem wielkosc liter itd, ale mam jeden problem.

Njapierw zapisana w indexie jest glowna zawartosc, ktora nie ma w stylach podanej lokacji na stronie,
Potem zapisane są po lewej stronie sa trzy boxy (jeden pod drugim) mają float:left
No i chciałem sobie takie same boxy wrzucić po prawej stronie, juz na wlasna rękę, ale co bym nie robil, to elementy mi latają jak chcą. Czy jest jakaś metoda (kolejnosc) wypisywania kolejnych boxow w indexie, czy cos, zeby stworzyc taki standardowy model lewo 3 boxy - heading -glowna tresc - prawo 3 boxy (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
bercow
post
Post #2





Grupa: Zarejestrowani
Postów: 156
Pomógł: 11
Dołączył: 25.12.2005

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

Prosze, lewo prawo srodek, i lewo i prawo podzielone na 3 bloki


[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  2. 	<head>
  3. 		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  4. 		<link rel="stylesheet" type="text/css" href="style.css" />
  5. 	</head>
  6. <body>
  7. <div id="box">
  8. 	<div id="left">
  9. 		<div class="block">
  10. 		111111 111111 111111 11111111 11111111 1111111111 1111111 1111
  11. 		</div>
  12. 		<div class="block">
  13. 		222222 222222 222222222 2222 222222222 222222222222  22222222222
  14. 		</div>
  15. 		<div class="block">
  16. 		333333 333333 333333 33333 33333333333 33333333 3333333 33333333
  17. 		</div>
  18. 	</div>
  19. 		<div id="center">
  20. 		444444 444444 4444444444 444444  444444444444 444444 444444444
  21. 		</div>
  22. 	<div id="right">
  23. 		<div class="block">
  24. 		555555 555555 5555555  5555555 5555555 55555  55555 55555 5555 55555
  25. 		</div>
  26. 		<div class="block">
  27. 		666666 666666 66666666 66666666 66666666666 6666666 66666 666666
  28. 		</div>
  29. 		<div class="block">
  30. 		777777 777777 77777 7777 777777 77777777 77777 777777 777777777
  31. 		</div>
  32. 	</div>
  33. </div>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. #box {
  2. 	width: 800px;
  3. 	margin:0 auto;
  4. 	}
  5. #right {
  6. 	width: 200px;
  7. 	float: left;
  8. 	height: 600px;
  9. 	background-color:#ccff00;
  10. 	}
  11. #center {
  12. 	width: 400px;
  13. 	float: left;
  14. 	height: 600px;
  15. 	background-color:#bb6633;
  16. 	}
  17. #left {
  18. 	width: 200px;
  19. 	float: left;
  20. 	height: 600px;
  21. 	background-color:#3344ff;
  22. 	}
  23. .block {
  24. 	width: 200px;
  25. 	height: 200px;
  26. 	}
  27.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- hyhyhy   [HTML][CSS]obróbka gotowego szablonu a rozjezdzajace sie elementy strony   16.02.2011, 17:55:31
- - bercow   daj kod, podziel na trzy elementy, lewo srodek pra...   16.02.2011, 18:22:58
- - hyhyhy   probowalem cos z tym ustawiac, ale konczylo sie ta...   16.02.2011, 18:34:34
- - potreb   Tak przy okazji CSS należy dać, a po drugie jak ju...   16.02.2011, 19:04:10
- - bercow   Prosze, lewo prawo srodek, i lewo i prawo podzielo...   16.02.2011, 19:08:41
- - hyhyhy   oo dzięki wielkie. EDIT: A jeszcze jakbym mial t...   16.02.2011, 19:28:16
- - Prezi2907   Cytat(hyhyhy @ 16.02.2011, 17:55:31 )...   16.02.2011, 21:23:09

« 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: 9.10.2025 - 18:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn