Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css][div]Jak zrobic nastepujacą stronke, opartą na divach
endr1u
post
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 22.03.2008
Skąd: Janów Lubelski

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


Chcialbym zrobic strone w divach tak jak na zdjeciu niżej :
(IMG:http://img90.imageshack.us/img90/6116/beztytuubaa.jpg)

Czarne tło ma byc połączone razem.. Tresc strony ma sie rozszerzac pod wplywem tekstu itd.. wszystko ma sie wtedy rozszerzac i powiekszac.. stopka wraz z logiem.. probowalem to zrobic na wiele sposobow, neistety nie umiem do konca tego zrobic.. moglby ktos mi z tym pomoc?
Go to the top of the page
+Quote Post
slawny
post
Post #2





Grupa: Zarejestrowani
Postów: 214
Pomógł: 26
Dołączył: 7.11.2007
Skąd: Warszawa

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


rowspan, colspan
Go to the top of the page
+Quote Post
endr1u
post
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 22.03.2008
Skąd: Janów Lubelski

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


Cytat(slawny @ 14.05.2009, 10:05:46 ) *
rowspan, colspan


rowspan i colspan to raczej w tabelach a nie divach ?
Go to the top of the page
+Quote Post
bliitz
post
Post #4





Grupa: Zarejestrowani
Postów: 155
Pomógł: 12
Dołączył: 5.04.2008

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


to pokaż co już zrobiłeś
Go to the top of the page
+Quote Post
flashdev
post
Post #5





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

Ostrzeżenie: (10%)
X----


Cytat(endr1u @ 14.05.2009, 02:55:14 ) *
Chcialbym zrobic strone w divach tak jak na zdjeciu niżej :
(IMG:http://img90.imageshack.us/img90/6116/beztytuubaa.jpg)


Polecam poniższy kurs. Sam się na tym opierałem.

http://www.kurshtml.boo.pl/css/plynny_szablon,szablon.html

Ten szablon powinien się nadać idealnie:
Kod
html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}

#NAGLOWEK {
    background-color: #888;
}

#MENU {
    width: 150px;
    float: right;
    overflow: hidden;
    position: relative;
    background-color: #ccc;
}

#TRESC {
    margin-right: 150px;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    background-color: #888;
}
Go to the top of the page
+Quote Post
endr1u
post
Post #6





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 22.03.2008
Skąd: Janów Lubelski

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


Chodzi mi dokładnie o to :

strona glowna : http://www.endr1u.yoyo.pl
css : http://www.endr1u.yoyo.pl/styles.css
html : w zrodle strony

jak widzicie tekst na samym dole jest odsuniety od stopki.. chce aby tekst byl zaraz pod spodem..
margines w IE w ogole nie dziala ustawilem margin :0 auto 0 auto; powinno dzialac o dziwo nie dziaa..
margines w srodkowym oknie tam gdzie jest tresc tez nie dziala..

moze mi ktos z tym pomoc?
Go to the top of the page
+Quote Post
pgrzelka
post
Post #7





Grupa: Zarejestrowani
Postów: 313
Pomógł: 24
Dołączył: 9.08.2008
Skąd: Kielce

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


nie robisz czarnego tła dla #statyw ale dla całego diva obejmującego wszystko,

#all - tu czarne tło
#page - div obejmujący tresc i statyw

  1. <div id="all">
  2. <div id="naglowek">białe tło</div>
  3.  
  4. <div id="page">
  5. <div id="tresc">treść - białe tło</div>
  6. <div id="statyw">tu tło inherit lub czarne</div>
  7. </div>
  8.  
  9. <div id="stopka"></div>
  10.  
  11. </div>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 27.12.2025 - 20:00