Jump to content
  • 0

выстроить li в два столбика


Нusuf
 Share

Question

здравствуйте.

подскажите, пожалуйста,

как можно вот на этой картинке сделать список в два столбика:

Xevim0DK.jpg

вот его код (li я сократила немного, чтобы вас не утомлять):


<div class="za-post-inner">
<h2 class="za-postheader">
<div class="za-postcontent">
<div class="za-article">
<div id="article-index">
<h3>Article Index</h3>
<ul>
<li>
<li>
<li>
<li>
<li>
<li>
</ul>
</div>
</div>
<div class="za-article">
</div>
<div class="cleared"></div>
<div class="za-postfootericons za-metadata-icons">
</div>
<div class="cleared"></div>

что нужно прописать в css ? у меня ничего не получается. Ставлю max-heigth на маленькое значение,чтобы список сам занял 2 колонки - но список просто смещается вниз за границы дива.

спасибо

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

hedgehog, очень благодарна. Всё получилось!

только , если можно было бы нумерацию сторок (у меня стоят номера возле каждой строки) - чтобы получалось не построчно, а в столбик, сначала по-порядку слева, потом перекидывается список направо. Так нельзя сделать? У меня это содержание книги , с номерами страниц и неудобно, когда они мечутся направо-налево.

qPZs5WR7.jpg

Edited by Нusuf
Link to comment
Share on other sites

  • 0

проще два списка использовать)

нет, не проще. На джумле работаю. Этот список с разной длиной повторяется на каждой странице. Поэтому он должен сам выстраиваться в два ряда подравниваясь автоматически.

Да и лезть в такие глубины php не могу, чтобы менять структуру этой области.

поэтому у меня только средства css

Link to comment
Share on other sites

  • 0

Husuf, Jquery для того и созданно, чтоб облегчать работу(верите-нет, мне гораздо охотнее на Jquery плагин написать чем PHP с его смарти ковырять)))

я всё таки правильно написал - два списка лучше))))

http://jsfiddle.net/nikolya223/L9uZG/

Edited by Николя223
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy