+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS -> Zwijanie wierszy (/thread-css-zwijanie-wierszy)
CSS -> Zwijanie wierszy - B4rteq - 25-03-2009
Witam mam pewien problem z zwijaniem wierszy od kilku godzin kombinuje i nie wiem jak sie za to zabrac, wiecp omyslalem ze przyda sie pomoc
Uklad strony ktora projektuje wyglada mniej wiecej tak:
<div id="pojemnik">
<div id="lewy"></div>
<div id="prawy"></div>
<div id="koniec"></div>
</div>
"pojemnik" ma stala szerokosc 760px. "lewy" i "prawy" pływaja obok siebie i oczywiscie w sumie tez maja 760px. Problem tkwi w tym ze jak np; lewy wypelnie tekstem dluzszym niz jego okreslona stala szerokosc to tekst ten wychodzi poza pojemnik na "prawy". Mozna jakos temu zaradzic bez dodawania "<br>" po kazdej linijce tekstu? Margin-right nie pomaga. Z gory dziekuje za odp!
RE: CSS -> Zwijanie wierszy - Labsta.com - 25-03-2009
Witam.
Daj link albo podeślij kod, to damy rade.
RE: CSS -> Zwijanie wierszy - B4rteq - 26-03-2009
No więc kod wyglada nastepujaco:
index.html
Kod:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="pojemnik">
<img src="img/logo.png">
<img src="img/gora.png">
<div id="lewy">
<p>
Jakis dlugi tekst ... .... .... .... .... .... .... .... .... .................................... .... .... ..................
</p>
</div>
<div id="prawy">
<p>
Jakis dlugi tekst 2 ........................................................
</p>
</div>
<div id="koniec"> </div>
<img src="img/dol.png">
</div>
</body>
</html>Style.css
Kod:
html, body {
margin : 0px;
padding : 0px;
background : white;
}
#pojemnik {
width : 760px;
margin :0px auto;
margin-top : 20px;
padding : 0px;
background : url("img/tlo.png") repeat-y 50% 0 white;
}
#lewy {
width : 543px;
float : left;
margin-top: 10px;
margin-right: 50px;
margin-bottom: 10px;
margin-left: 0px
}
#prawy {
float : right;
width : 217px;
}
#koniec {
clear : both;
height : 50px;
}
p{
text-align : left;
margin-right : 50px;
padding-right : 50px;
}Margin-right probowalem dodawac praktycznie wszedzie w body, "pojemnik", "prawy", "lewy" nic nie pomoglo. Jakby ktos mial jakis pomysl to prosze o odpowiedzi
RE: CSS -> Zwijanie wierszy - Labsta.com - 26-03-2009
RE: CSS -> Zwijanie wierszy - B4rteq - 26-03-2009
Heh myslalem ze trafil mi sie bardziej zlozony problem
Dzieki za odp. Pozdrawiam.