Witaj w serwisie devPytania

Question

2

Tytuł zamieszany zaraz będę tłumaczyć.

Mam listę <li> </li>

Chciał bym aby znajdujący się w niej element został podzielony na 2 częsci.

Pierwsza standardowo była by wyjustowana do lewej. Druga do prawej.

Np

<li>coś coś coś coś                    (123456)</li>
<li>coś                                (564321)</li>

Tylko pamiętajcie że mówimy o elemencie blokowym LI.

Sam nie wiem jak się za to zabrać...

Pozdrowienia dla ludzi piwnicy

flag	asked Apr 16 at 17:47 marek 222●7

batman · Accepted Answer · 2010-04-16 17:57:33Z UTC

4

Możesz użyć w tym celu dowolnych znaczników i ustawić dla nich float. Mniej więcej tak:

<style type="text/css">
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}

.lista {
    width: 400px;
}
</style>

<ul class="lista">
    <li><div class="left">aaaaa</div><div class="right">aaaaa</div><div class="clear"></div></li>
    <li><div class="left">bbbbb</div><div class="right">bbbbb</div><div class="clear"></div></li>
</ul>

answered Apr 16 at 17:57

batman
475●4

batman - podziękowania złożone na twoje ręce Właśnie chciałem tak zrobić, ale obawiałem się przerwy między divami więc moje myśli szły w kierunku nieszczęsnych paragrafów. Wszak to tez elementy blokowe. Cóż począć, człowiek uczy się całe życie. – marek Apr 16 at 18:45

ja bym zrezygnował z diva z klasą "clear" i dodałbym dla ".lista li" styl "clear: both;" – Robert Gonek Apr 16 at 19:44

1

Nie uważacie, że używanie <div> dla jednego słowa to troche przegięcie? Span z display:block i float:left spisałby się równie dobrze ;) – kobier Apr 16 at 20:10

Raczej chodziło mi o przeznaczenie - div raczej służy do oznaczania jakiś większych sekcji strony ;) Takie czepianie się :P – kobier Apr 16 at 23:26

div służy tutaj wyłącznie jako przykład. Można użyć p lub span, jednak do wszystkich trzech znaczników można się przyczepić. Równie dobrze zamiast listy można zastosować tabelę. – batman Apr 17 at 4:01

show 2 more comments

Marcin · Answer 2 · 2010-04-16 19:50:11Z UTC

3

Bardzo złe rozwiązanie, to są dane tabelaryczne i do wyświetlania takich danych należy używać tabel, bo od tego one są. Teraz wytworzyliście tabelę za pomocą li i div, skoro tak, to dlaczego nie:

<style type="text/css">
li{display:table-row}
li div{display:table-cell}
li div.right{text-align:right}
</style>

Powtórzę, do wyświetlania danych tabelarycznych używamy tabel.

answered Apr 16 at 19:50

Marcin
1,848●1●10

5

table-mania zamieniona na div-manię ;-) – twk Apr 16 at 20:46

A wiesz, że table-row nie działa w każdej przeglądarce? – batman Apr 17 at 3:59

A tak przy okazji Stack ma dziurę i formatuje znaczniki wpisane w tytuł :))))) Sformatował <li> </li> – dario-g♦ Apr 17 at 19:50

yoghyt · Answer 3 · 2010-04-18 13:27:36Z UTC

0

http://blog.koszulinski.pl/2010/04/04/dwukolumnowa-lista-definicji/

answered Apr 18 at 13:27

yoghyt
106●1●3

Jak element <li> </li> podzielić na dwa “paragrafy” i wycentrować w lewo i w prawo

3 Answers