div i przejście do następnej linii

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
darisz
Posty: 18
Rejestracja: pn paź 30, 2006 3:47 pm

div i przejście do następnej linii

Post autor: darisz »

Witam! Co zrobić, żeby div w kodzie strony ze swoją zawartością nie przechodził do następnej linii?
knight-rider
Nowy
Nowy
Posty: 34
Rejestracja: pn lis 16, 2009 9:33 am

Re: div i przejście do następnej linii

Post autor: knight-rider »

do clasy tego diva dodaj sobie atrybut:

.klasa {
...
white-space: nowrap;
...
}

ale spowoduje to ze div bedzie sie rozciagal w zaleznosci od ilosci tresci co moze popsuc wyglad strony i do przegladarki dolorzyc dolny scroll

proponuje:

.klasa {
...
white-space: nowrap;
width:400px; /*jakas stala szerokość*/
height:25px; /*jakas stala wysokosc w zaleznosci od rozmiaru czcionki*/
overflow:hidden;
...
}
oczywiscie 2 przyklad utnie text w 400setnym pixelu diva :)

zalezo co chesz osiagnac, Twoje zdanie wydaje sie troche nie dopowiedziane, brak linka no i źródla
ODPOWIEDZ