Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Połozenie DIV
suchy1
post
Post #1





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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

Witam,

Chciałbym zrobi takie coś: Główny obrazek wyświetlam na środku nastepnie jeden obrazek rozciagam na 100% i drugi po prawej na 100%. W praktyce wychodzi tak ze wszystkie sa pod soba.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.     <head>
  4.         <link rel="stylesheet" href="lewi.css" type="text/css" />
  5.     </head>
  6.     <div>
  7.         <div id="leftSide"></div>
  8.         <div id="imageOne"></div>
  9.         <div id="rightSide"></div>
  10.     </div>
  11.     <div style="clear: both;"></div>
  12.     <div id="pageContent"></div>
  13.     </body>
  14. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body{
  2.     font-size:62%;
  3.     font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
  4.     background:#d1eafd;
  5.     color:#333;
  6.     text-align:left;
  7. }
  8. #leftSide{
  9.     background-image:url('images/back_left.jpg');
  10.     background-repeat:repeat-x;
  11.     width:100%;
  12.     height:190px;
  13.     float:left;
  14. }
  15. #imageOne{
  16.     background-image: url('images/centerTop.jpg');
  17.     width:403px;
  18.     height:190px;
  19.     margin-left:500px;
  20.     background-repeat:no-repeat;
  21.     float:left;
  22. }
  23. #rightSide{
  24.     background-image:url('images/back_right.jpg');
  25.     background-repeat:repeat-x;
  26.     width:100%;
  27.     height:190px;
  28.     float:left;
  29. }
[HTML] pobierz, plaintext


Z gory dzieki za pomoc!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
suchy1
post
Post #2





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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

Co chce osiagnac ? Na samym srodku (margin 0 auto) wyswietla obrazek. Po lewej i prawej stronie maja sie rozciagac linie (dopasowac do rozdzielczosci ekranu). Jednak te linie to dwa rozne obrazki, gdyz obrazek na srodku taki jest. Jak taki efekt uzyskac ?
Go to the top of the page
+Quote Post

Posty w temacie
- suchy1   Połozenie DIV   27.06.2009, 10:52:05
- - seth-kk   na 100% czego? jesli pozostalej przestrzeni to mus...   27.06.2009, 11:01:48
- - suchy1   Co chce osiagnac ? Na samym srodku (margin 0 auto)...   27.06.2009, 12:29:38
- - Lion_87   Są pod sobą bo stosujesz do lewego i pra...   27.06.2009, 14:09:57
- - nitek   Jeśli dobrze zrozumiałem twoje zamiary, to środkow...   29.06.2009, 18:06:38
- - suchy1   OK rozumiem, dzieki za pomoc! Pozdrawiam   29.06.2009, 20:45:01

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