Как я могу сделать это меню, используя только ul, li и css? - PullRequest
Новая
       28

Как я могу сделать это меню, используя только ul, li и css?

2 голосов
/ 02 февраля 2012

Я хотел бы сделать это с помощью CSS:

enter image description here

Ssing only ul li и a элементов. Красные пули были бы невидимы.

Как я могу это сделать? Я попытался использовать float:left для горизонтального внешнего списка и нормальный вертикальный список для внутреннего, но это не сработало.

Есть ли лучший способ, чем список маркеров?

1 Ответ

0 голосов
/ 02 февраля 2012

Я просто собираюсь выбросить это как жизнеспособное решение.Почему бы не использовать элементы div?Вот пример:

CSS - 

.container {
    width   : 400px;
    margin  : 0;
    padding : 0;
}
.col {
    display : inline-block;
    width   : 100px;
    vertical-align : top;
}
.col.double {
    width : 200px;
}

HTML - 

<div class="container">
    <div class="row">
        <div class="col">9</div>
        <div class="col">0</div>
        <div class="col">TITLE</div>
    </div>
    <div class="row">
        <div class="col double">{image}</div>
        <div class="col">text text text text text text text text text text text text text text text text text text </div>
    </div>
</div>

Вот демонстрационная версия: http://jsfiddle.net/a9m76/1/

...