Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]banalny problem z szablonem
Forum PHP.pl > Forum > Przedszkole
matx132
Witam,
mam taki problem otóż po zrobieniu sobie szablonu w photoshop pocieciu go przez photoshop i zapisaniu do web.
wszystko ładnie wygląda ale właśnie te ale.
miejsce do pisania np jakiś newsów lub czegoś innego jest bardzo małe.
strona która jest podstawowa wygląda tak

Kod
http://newbux.net/cm/


i teraz moje pytanie jak zrobić aby szablon się rozszerzał po wpisaniu wiecej linijek niż ma ten kwadrat
bo tak zabardzo nie wiem jak się za to zabrać :/

z góry dziekuje za pomoc
wookieb
No to jak nie wiesz to się nie zabieraj.
Musisz pociąć to tak, że obrazki mają był tłem komórek (w twoim przypadku)

No to jak nie wiesz to się nie zabieraj.
Musisz pociąć to tak, że obrazki mają był tłem komórek (w twoim przypadku).
Kod
style="background: (obrazek.jpg);"
ferrero2
Najlepszy sposób to zrobienie tak :
Potnij część gdzie umieszczasz tekst mniej więcej tak (jak widać odręcznie w paincie narysowałem tongue.gif)

http://s009.wyslijto.pl/?file_id=00411333040989769218

Następnie nr1 to <div id = "text_top"> nr2 to <div id = "text_main"> a nr3 to <div id = "text_bottom">.
Dla nr1 i nr3 ustalasz stałą wysokość a dla numeru 2 NIE USTALASZ WŁAŚCIWOŚCI HEIGHT.
Css powinien wyglądać mniej więcej tak :

Kod
#text_top {
margin:0;
border:0;
padding:0;
width:957px;
height:38px;
background-image:URL("images/main_top.jpg");
}

#text_main {
margin: 0;
border:0;
padding-top:0;
padding-left:35px;
padding-right:35px;
width:887px;
background-image:URL("images/main.jpg");
}

#text_bottom {
margin:0;
border:0;
padding:0;
width:957px;
height:67px;
background-image:URL("images/main_bottom.jpg");
}


Oczywiście u Ciebie dojdą inne paddingi i marginesy do tego możliwe że będzie trzeba wykonać float:left,right + clear:both na div-ie bottom.

Tak wszystko działa i jest git (wielkość części tekstowej jest zależna od jej wypełnienia i zawsze ładnie się ze sobą łączy).

Pozdrawiam
Mariusz
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.