Другой макет столбца div 2
Это отличается от простой двухколоночной схемы.
Мне нужен этот html:
<div class = "menu">
<div class = "right">One</div>
<div>Three</div>
<div>Four</div>
<div class = "right">Two</div>
<div class = "right">Two</div>
<div>Four</div>
<div class = "right">Two</div>
</div>
Меню класса div имеет статическую ширину, мне нужно, чтобы div внутри него располагались в правом столбце, а обычные div оставались такими, какие они есть.
Вот CSS, который у меня есть, но я пока не могу его понять:
div.menu {
width: 550px;
}
div.menu div {
float: left;
width: 200px;
}
div.menu div.right {
float: right;
}
Дивы внутри имеют случайный порядок, поэтому я не могу заключить их в div и поместить его.
Вот примерный набросок того, как должен выглядеть приведенный выше HTML-код:
альтернативный текст http://img102.imageshack.us/img102/4494/flytc3.jpg
Я искал решение на чистом CSS, и да, я застрял с этим HTML.
Связано ли это с программированием? Для меня это больше похоже на дизайн.
Ответы 2
Кажется, я не могу понять, чего вы пытаетесь достичь. Не могли бы вы создать какой-нибудь базовый набросок в MS Paint или что-то в этом роде, чтобы мы могли вам помочь?
РЕДАКТИРОВАТЬ: Может, я чего-то здесь не понимаю, но именно так это выглядит в моем окне Chrome (ну, кроме отступов).
Я согласен. Я собираюсь предположить, что ему нужно разместить оба div'а (вправо и влево) и иметь какой-то очищающий элемент после, если он не может изменить порядок div или что-то еще.
Пытаться:
div.menu div {
float: left;
clear: left;
}
div.menu div.right {
float: right;
clear: right;
}
Вы действительно застряли с этим HTML? Если так, то я думаю, что ваш единственный выход - сделать что-нибудь очень уродливое. Можете ли вы изменить структуру с помощью javascript или это запрещено?