Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Rozwiazania graficzne
Carveth
post
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 20.02.2008

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

Witam!

Mam pewien problem dot. laya - niby ze wszystko ok ale okazuje sie ze z powodu trudnego ulozenia ciezko bedzie mi ustawic dobrze laya

Oto obrazek budowy laya
(IMG:http://www.otofotki.pl/img12/obrazki/pi8678_11111.png)

Kolorem srebrnym oznaczylem tabele o szerokosci 100% siegajacej gdzies do polowy wysokosci str (bez suwaka!), jest tam pocieta grafika z ktora nie bylo problemu wstawic na strone

Kolorem czarnym zaznaczylem pole w ktorym jest tekst ale ze bedzie to tabela ktora wychodzi poza ta powyzsza str i mam zamiar ja zrobic divem

bialym oznaczylem pole w ktorym powinien byc obraz rozciagajacy sie na szerokosc str - ale nie mam pojecia w jaki sposob zrobic rozciagliwosc na cala strone jako tlo

fioletowym kolejna rzecz wystajaca z czarnego ktora pewnie tez bedzie trzeba dac divem

Jak uporac sie z takim layem?
Prosze o pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Proszę grafike wrzuć sobie sam (IMG:style_emoticons/default/tongue.gif) 
[CSS] pobierz, plaintext 
  1. <!DOCTYPE html
  2.         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6.    <title>Test ! </title>
  7.    </head>
  8.    <body>
  9. <style>
  10. body {
  11. margin: 0;
  12. background: #00ff00;
  13. }
  14.  
  15. #header {
  16. height: 200px;
  17. background: #3399ff;
  18. }
  19.  
  20. #top {
  21. width: 800px;
  22. margin: 0 auto;
  23. }
  24.  
  25. #content {
  26. width: 500px;
  27. height: 400px;
  28. margin: 100px 0 0 0;
  29. float: left;
  30. background: #fff;
  31. }
  32.  
  33. #content-sidebar {
  34. width: 250px;
  35. height: 300px;
  36. margin: 200px 0 0 50px;
  37. background: #ff0000;
  38. float: left;
  39. }
  40.  
  41. </style>
  42.  
  43. <div id="header">
  44. <div id="top">
  45. <div id="content">
  46. </div>
  47. <div id="content-sidebar">
  48.    </div>
  49. </body>
  50.    </html>
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Carveth   [CSS] Rozwiazania graficzne   14.04.2010, 17:17:25
- - pedro84   Pozycjonowanie relatywne + absolutne się zapewne p...   14.04.2010, 17:23:31
- - Carveth   Tak - ma byc tam tekst i prawdopodobnie bedzie sie...   14.04.2010, 17:26:41
- - pedro84   No to tak jak mówię, relative + absolute i nie pow...   14.04.2010, 17:31:23
- - krzysztof_kf   Proszę grafike wrzuć sobie sam [CSS] pobierz, pla...   14.04.2010, 17:33:17
- - Carveth   mm ten szablon okazal sie wielce przydatny mam j...   16.04.2010, 18:58:48
- - krzysztof_kf   Przykładowe menu powinno wyglądać tak [CSS] pobi...   16.04.2010, 19:26:50
- - Carveth   Nie o to chodzi... chce by linkiem bylo puste pole...   18.04.2010, 19:13:00
|- - pedro84   Cytat(Carveth @ 18.04.2010, 20:13:00 ...   18.04.2010, 19:19:31
- - Carveth   mozna prosic o przykladowy kod?   18.04.2010, 19:31:07
- - krzywy36   może po prostu [HTML] pobierz, plaintext <a hr...   18.04.2010, 19:35:19
- - pedro84   [CSS] pobierz, plaintext text-indent:-999em;[CSS] ...   18.04.2010, 19:37:03

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