[CSS]Boks i tekst Opcje

[daros17]

Czesc

Jeśli mam np w css takie coś:

[HTML] pobierz, plaintext 
#left .info {
	background: url(/gfx/lewy.gif) no-repeat;
	width: 633px;
	height: 200px;
        padding: 0px 0px 0px 20px;
	float: left;
}
[HTML] pobierz, plaintext 

No i teraz wpisuje w boksie tekst no i jeśli wpisze w 1 linijce za dużo to piszę po za nim. Jak to można zablokować? Oraz druga sprawa jak zrobić jeśli w pionie będzie więcej tekstu niż jest ustawiony ten element zamiast?

dzięki za pomoc

Ten post edytował daros17 2.03.2011, 21:31:54

[papryk]

Nie do końca rozumiem w czym jest problem. Przypuszczam, że chodzi o łamanie linii skorzystaj może z :

[CSS] pobierz, plaintext 
word-wrap:break-word;
[CSS] pobierz, plaintext 

lub

[CSS] pobierz, plaintext 
overflow:scroll
[CSS] pobierz, plaintext 

[daros17]

No właśnie overflow: scroll; pokazuje scrolla lecz i tak nic nie daje jak wpiszę byle co i dużo . Chodzi mi o to, że wpisując tekst w boksie np tesssssssssssssssssssssssst bez żadnych przejść wywala mi tekst poza boks, a ja chciałbym aby wszystko było w boksie. Tak samo jeśli jest nadmiar tekstu w pionie, to aby boks się powiększał.

#left .info to boks jego ułożenie
#left .news ułożenie tekstu

Cały kod lewego boku:

[HTML] pobierz, plaintext 
#left {
	width: 256px;
	float: left;	
}
 
#left ul {
	background-color: #93C140;
	width: 233px;
	float: left;
}
 
#left ul li {
	list-style: none;
	padding: 0px 0px 0px 0px;
}
 
#left ul li a {
	color: #ffffff;
	text-transform:uppercase;
	padding: 10px 15px 10px 15px;
	width: 202px;
	float: left;
	font-weight: normal;
	border-bottom: 1px solid #9ECD4A;
	font-size:12px;
}
 
#left ul li a:hover {
	background: url(/gfx/left_ul_li.gif) 0px 3px no-repeat;
	font-weight: bold;
	text-decoration: none;
}
 
#left .kontakt {
	background: url(/gfx/left_kontakt.gif) no-repeat;
	width: 213px;
	height: 20px;
	padding: 178px 0px 0px 20px;
	float: left;
}
 
#left .platnosci {
	background: url(/gfx/left_platnosci.gif) no-repeat;
	width: 233px;
	height: 305px;
	padding: 0px;
	display: block;
	float: left;
}
#left .info {
	background: url(/gfx/lewy.gif) no-repeat;
	width: 633px;
	height: 200px;
        padding: 0px 0px 0px 10px;
	float: left;
}
#left .news {
        padding: 0px 0px 0px 10px;
	float: left;
}
[HTML] pobierz, plaintext 

Ten post edytował daros17 2.03.2011, 22:07:51

[papryk]

Jeżeli chcesz żeby box się powiększał w pionie to musisz zrezygnować z ustalonego atrybutu height, a do css'a dodać to co napisałem wcześniej word-wrap:break-word; to spowoduje łamanie się linii gdy tekst jest za duży.

-edit
Chciałeś żeby tekst nie wystawał poza box, a word-wrap chyba likwiduje ten problem. Czy coś jeszcze z poziomem?

Ten post edytował papryk 2.03.2011, 22:42:40

[daros17]

OK działa świetnie dzięki, a da się coś zrobić z tym poziomem?