rozciagany news

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
manlux
Posty: 2
Rejestracja: śr wrz 09, 2009 1:32 pm

rozciagany news

Post autor: manlux »

Chcialbym stworzyc diva w ktorym beda umieszczane newsy ( kolumna bedzie rozciagana w dol ). Tlo sklada sie z 3 czesci w których 1 i 3 nie moze sie rozciagac a jedynie 2. Wiecie jak mozna cos takieg zrobic ??
Obrazek
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: rozciagany news

Post autor: ooo_michal »

Jakoś mniej więcej tak:

Kod: Zaznacz cały

<div class="tlo_ktore_sie_powtarza>
    <div class="pierwsze_niepowtarzajace_sie_tlo>
        <div class="drugie_niepowtarzajace_sie_tlo>
            <!-- tu wstawiasz swoją treść -->
        </div>
    </div>
</div>
manlux
Posty: 2
Rejestracja: śr wrz 09, 2009 1:32 pm

Re: rozciagany news

Post autor: manlux »

jesli zrobie tak jak ty mowisz to tresc bedzie znajdowac sie tylko w ost divie a reszta bedzie rozwalona. Jesli chodzilo ci o cos takiego :

Kod: Zaznacz cały

<div id="left">            
            	<div id="news_up">
            	<div id="news_down">asdasdasdasdasdasdddddddddddddddd<br />asdasdasd asd asd </div></div>
            </div>

Kod: Zaznacz cały

#left {
	width: 369px;
	height: auto;
	float:left;
	background-image:url(images/10.png);
	background-repeat:repeat-y;
}

#news_up {
	width: 369px;
	height: 181px;
	float:left;
	background-image:url(images/09.png);
}

#news_down {
	width: 369px;
	height: 105px;
	background-image: url(images/11.png);
	float:left;
}
ODPOWIEDZ