[css] jak rozszerzyc tekst na stronce ??

tonymontana · Post autor: **tonymontana** » śr sty 24, 2007 6:09 pm

witam sciagnalem sobie szablon przerobilem lekko tekst na stronce, i mam klopot bo chcialbym aby tekst a jest z prawej strony miejsca sporo nawet gorne linie obrazkowe ida dalej niz tekst, chcialbym aby tekst byl węższy a za to krotszy i tym samym by stronke by sie mnie przewijalo i by byla krotsza moglby mi ktos wytlumaczyc gdzie to w pliku style.css sie znajduje ta opcja? dzieki z gory !

koziolek · Post autor: **koziolek** » śr sty 24, 2007 7:14 pm

Kod to przydatna rzecz...

Daj link do strony lub do szablonu

tonymontana · Post autor: **tonymontana** » czw sty 25, 2007 5:23 am

http://eps.gda.pl/koozak/style.css to link do tego stylu prosze o pomoc, a druga sprawa to zalozmy sa 4 obrazki zmniejszone z gifu, i mam porobione linki pod nimi, i pod jednym jest link np. meble biurowe z tym ze to nie jest na srodku probowalem w zajaczku to zrobic i tylko moge do lewej albo do prawej co tu trzeba zmienic dzieki z gory za pomoc przy tych 2 problemach!

koziolek · Post autor: **koziolek** » czw sty 25, 2007 8:21 am

Kod: Zaznacz cały

#nav_menu ul {
	width: 450px;
	height: 125px;
	overflow: hidden;
}

<niejestempewien>
to wygląda na tą linijkę

</niejestempewien>
jednak przydał by się też kod html

by być pewnym

tonymontana · Post autor: **tonymontana** » czw sty 25, 2007 5:53 pm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>
Free Website Templates
</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div id="body_wrapper">
<div id="container">



<div id="page_header">
<h1><span>Photos Site</span></h1>
</div>





<div id="nav_menu">

<ul>
<li id="menu1"><a href="http://www.freewebsitetemplates.com/">< ... n></a></li>
<li id="menu2"><a href="http://www.freewebsitetemplates.com/"><span>About Me</span></a></li>
<li id="menu3"><a href="http://www.freewebsitetemplates.com/">< ... n></a></li>
<li id="menu4"><a href="http://www.freewebsitetemplates.com/">< ... n></a></li>
<li id="menu5"><a href="http://www.freewebsitetemplates.com/">< ... n></a></li>
<li id="menu6"><a href="http://www.freewebsitetemplates.com/">< ... n></a></li>
</ul>

<div class="clearthis"> </div>
</div>



<div class="clearthis"> </div>



<div id="welcome">

<div class="content_header">
<h2><span>Welcome to my Site</span></h2>
</div>

<div class="content">

<div class="thumbnail_dborder_1"><div class="thumbnail_dborder_2"><div class="thumbnail_dborder_3"><div class="thumbnail_dborder_4">
<img src="images/welcome_thumbnail.gif" width="118" height="116" alt="Thumbnail Caption" />
</div></div></div></div>

<p>
This is a template designed by <a href="http://www.freewebsitetemplates.com/">free website templates</a> for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.
</p>

<p>
If you're having problems editing the template please don't hesitate to ask for help on <a href="http://www.freewebsitetemplates.com/">the forum</a>. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more.
</p>

<p>
Your feedback is very important to us and we will do everything to fulfil your wishes. <a href="http://www.freewebsitetemplates.com/">more...</a>
</p>

</div>

<div class="clearthis"> </div>
</div>





<div id="clientlist">

<div class="content_header">
<h1><span>Client List</span></h1>
</div>

<div class="content">

<div class="thumbnail_border_1"><div class="thumbnail_border_2"><div class="thumbnail_border_3"><div class="thumbnail_border_4">
<img src="images/clientlist_thumbnail.gif" width="132" height="73" alt="Thumbnail Caption" />
</div></div></div></div>

<p>
Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates.
</p>

<p>
If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/">our website</a>. Thanks.
</p>

</div>

<div class="clearthis"> </div>

<div id="photographer_image"><span> </span></div>

</div>





<div id="portfolio">

<div class="content_header">
<h1><span>My Portfolio</span></h1>
</div>



<div id="gallery">

<ul>
<li><a href="http://www.freewebsitetemplates.com/"><img src="images/gallery_thumbnail_1.gif" width="84" height="76" alt="Thumbnail 1 Caption" /></a></li>
<li><a href="http://www.freewebsitetemplates.com/"><img src="images/gallery_thumbnail_2.gif" width="93" height="76" alt="Thumbnail 2 Caption" /></a></li>
<li><a href="http://www.freewebsitetemplates.com/"><img src="images/gallery_thumbnail_3.gif" width="59" height="77" alt="Thumbnail 3 Caption" /></a></li>
<li><a href="http://www.freewebsitetemplates.com/"><img src="images/gallery_thumbnail_4.gif" width="137" height="77" alt="Thumbnail 4 Caption" /></a></li>
<li><a href="http://www.freewebsitetemplates.com/"><img src="images/gallery_thumbnail_5.gif" width="119" height="78" alt="Thumbnail 5 Caption" /></a></li>
</ul>

</div>



<div class="clearthis"> </div>

</div>



</div>
</div>



<div id="page_footer">
Web design by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a>
</div>



</body>
</html>

to kod, a moje pytanko aktualne to jak zrobic aby na gorze tzn przy sekcji welcome zrobic 2 obrazki z linkami tak zeby byly pod soba i zeby z drugiej strony tekstu ktory na srodku jest, zeby tez 2 obrazki z linkami takzeby tez pod soba byly. prosze o odpowiedz dzieki wielkie z gory!! help

tonymontana · Post autor: **tonymontana** » ndz sty 28, 2007 9:58 am

plisss

Salfunglandyare · Post autor: **Salfunglandyare** » ndz sty 28, 2007 2:59 pm

Do wykonania jest kilka operacji na CSS. Wyrzuć "width" dla #clientlist .content i zmniejsz dla niej margin-right. Jednocześnie zwiększ "width" dla #clientlist p. Tak samo zwiększ "width" dla #welcome p. Na razie spowoduje to przeniesienie tekstu pod obrazki, ale gdy odpowiednio dla #container .content zwiększysz "width" i zmniejszysz drugą liczbę "margin" (teraz jest 150px) otrzymasz poszerzoną stronę.

pzdr.

tonymontana · Post autor: **tonymontana** » ndz sty 28, 2007 4:02 pm

dzieki jestes wielki, a moglbys mi powiedziec co musze zrobic bo chce wyrzucic wszystko oprocz welcome to my site od tego do dolu, i chce 4 obrazki po 2 obok siebie wstawic z lewej strony z linkami jak sie na nie najedzie, co musze zrobic zeby byly rowne obok siebie?

Salfunglandyare · Post autor: **Salfunglandyare** » ndz sty 28, 2007 4:16 pm

Wyrzuć wszystko od

Kod: Zaznacz cały

<!-- End of Welcome to my Site -->

do </body> i przed </body> dodaj dwa razy </div>. Co do obrazków... nie wiem o co Ci chodzi.

[css] jak rozszerzyc tekst na stronce ??

[css] jak rozszerzyc tekst na stronce ??

Re: [css] jak rozszerzyc tekst na stronce ??

oto link do stylu..

Re: [css] jak rozszerzyc tekst na stronce ??

hm

pomoze mi ktos?

Re: [css] jak rozszerzyc tekst na stronce ??

dzieki wielkie dziala

Re: [css] jak rozszerzyc tekst na stronce ??