[css] pozycjonowanie div - Wersja do druku

[css] pozycjonowanie div - Wersja do druku

+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [css] pozycjonowanie div (/thread-css-pozycjonowanie-div)

[css] pozycjonowanie div - wampirns - 15-02-2008

Witam

Mam problem z wypozycjonowaniem pięciu DIV-ów obok siebie...
Wiem że pewnie to jest proste ale nie mogę wpaść na to jak to zrobić...
Z trzema dam sobie rade a więcej już nie Sad

Pomocy plz.

RE: [css] pozycjonowanie div - Poju - 15-02-2008

Nie wiem na czym polega twój problem. Polecam przeczytanie tutorialu: http://www.kurshtml.boo.pl/css/pozycjonowanie.html

RE: [css] pozycjonowanie div - Marcin - 15-02-2008

Może podaj źródło CSS? Czy mamy wróżyć z Twojego nicka? Smile

RE: [css] pozycjonowanie div - ppawel4 - 19-02-2008

Kod:
<div style="float: left;">

przykładowy tekst

</div>

<div style="float: left;">

przykładowy tekst

</div>

<div style="float: left;">

przykładowy tekst

</div>

<div style="float: left;">

przykładowy tekst

</div>

<div style="float: right;">

przykładowy tekst

</div>

Spróbuj tak, oczywiście lepiej byłoby tu jeszcze zastosować zewnętrzny arkusz styli i opakować całość jeszcze jednym divem ale myślę że to cię naprowadzi.

RE: [css] pozycjonowanie div - skin17 - 21-02-2008

Co do tego co napisał ppawel4 dodałbym jeszcze szerokość bloków. Jeśli nie będzie podana, blok zajmie całą szerokość strony (bądź bloku, w którym się znajduje) i wszystko poleci, więc kod przedstawiłbym tak:

Kod:
<div style="float: left; width: 100px;">

przykładowy tekst

</div>

<div style="float: left; width: 100px;">

przykładowy tekst

</div>

<div style="float: left; width: 100px;">

przykładowy tekst

</div>

<div style="float: left; width: 100px;">

przykładowy tekst

</div>

<div style="float: right; width: 100px;">

przykładowy tekst

</div>

Oczywiście wartość 100px dopasuj do swoich potrzeb Tongue