Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]divy i tła
hahaha
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

Witam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Co mogę zrobić by z lewej i prawej strony było jedno to samo tło a na środku inne
mam stronkę i po środku jakiś tekst zdjęcia itp
chiabym to zamieścić w takiej ramce (divy) i jej nadać tło
a pomiędzy tymi rzeczemi nadać jakieś inne tło

mam takie coś :
Kod
body {
    font:normal .75em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;
    background: url(images/white) #fff repeat-x;
    text-align:center;
    color:#2D2D2D;
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
żaden ze mnie specjalista w css ale moge spróbować.

[HTML] pobierz, plaintext 
  1. <html>
  2.         <head>
  3.                 <title>layout 3 kolumnowy</title>
  4.                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.                 <meta http-equiv="Content-language" content="pl" />
  6.                 <style type="text/css">
  7.                         body {
  8.                                 margin: 0;
  9.                                 padding: 0;
  10.                                 background-color: #000;
  11.                         }
  12.                         #main {
  13.                                 width: 750px;
  14.                                 margin: 0 auto;
  15.                         }
  16.                         h1, form {
  17.                                 margin: 0;
  18.                                 padding: 0;
  19.                         }
  20.                         h1 {
  21.                                 display: block;
  22.                                 width: 750px;
  23.                                 height: 209px;
  24.                                 background-color: #999;
  25.                         }
  26.                         #contLeft {
  27.                                 width: 174px;
  28.                                 float: left;
  29.                                 background-color: yellow;
  30.                         }
  31.                         #contRight {
  32.                                 width: 186px;
  33.                                 float: left;
  34.                                 background-color: yellow;
  35.                         }
  36.                         .clear {
  37.                                 width: 0px;
  38.                                 height: 0px;
  39.                                 margin: 0px;
  40.                                 padding: 0px;
  41.                                 font-size: 0px;
  42.                                 clear: both;
  43.                         }
  44.                         #contCenter {
  45.                                 width: 390px;
  46.                                 float: left;
  47.                                 font-size: 12px;
  48.                                 background-color: #1aa;
  49.                         }
  50.                         #footer {
  51.                                 height: 25px;
  52.                                 color: #fff;
  53.                                 text-align: center;
  54.                                 background-color: #444;
  55.                         }
  56.                 </style>
  57.         </meta></meta></head>
  58.         <body id="main">
  59.                         <h1>NAGLOWEK</h1>
  60.                         <div id="contLeft">KOLUMNA LEWA</div>
  61.                         <div id="contCenter">SRODEK</div>
  62.                         <div id="contRight">KOLUMNA PRAWA</div>
  63.                         <div class="clear"></div>
  64.                         <div id="footer">STOPKA</div>
  65.         </body>
  66. </html>
[HTML] pobierz, plaintext


nie ma tu jeszcze marginów i paddingów ale to już chyba sam sobie wykombinujesz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował piotrooo89 18.05.2008, 21:24:54
Go to the top of the page
+Quote Post

Posty w temacie
- hahaha   [HTML]divy i tła   18.05.2008, 21:13:44
- - piotrooo89   tworzysz 3 kontenery div, ustawiasz je odpowiednio...   18.05.2008, 21:17:47
- - hahaha   dokładnie tak tylko mógłby mi ktoś jakiś przykła...   18.05.2008, 21:19:03
- - piotrooo89   żaden ze mnie specjalista w css ale moge spró...   18.05.2008, 21:23:28
- - hahaha   nie do końca o to mi chodziło chciałbym takie co...   18.05.2008, 21:58:34
- - Shili   Jeśli dobrze rozumiem, to do body dodaj Kod;backgr...   18.05.2008, 22:43:50

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