создать сетку CSS панелей 4x3

Question

Я пытаюсь найти учебник по CSS, который позволил бы мне создать сетку функций 4x3, как на этом сайте http://www.ewedding.com/features.php

Если кто-нибудь может предложить один, это было бы здорово! Кажется, что все учебники, которые я нашел, стилизуют всю страницу, а не определенную часть страницы.

Заранее спасибо

Decbrad

Answer 1

страница, на которую вы ссылаетесь, использует UL в качестве внешнего элемента и LI в качестве внутреннего элемента, поэтому вы получите следующее:

<ul>
    <li>Feature1.1</li>
    <li>Feature1.2</li>
    <li>Feature1.3</li>
</ul>
<ul>
    <li>Feature2.1</li>
    <li>Feature2.2</li>
    <li>Feature2.3</li>
</ul>
<ul>
    <li>Feature3.1</li>
    <li>Feature3.2</li>
    <li>Feature3.3</li>
</ul>

используйте определение CSS следующим образом:

ul{
    float:left;
    width: //specify the width
    display:block;
}

li{
    list-style: none;
    display:block;
}

и т.д.

Тем не менее, я думаю, что CSS-таблица лучше подходит для этого:

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout