Xwab
Форумыnavigate_nextHTML/CSS

Как правильно расположить элементы?
Сообщения
НЕЗНАЙКА

Нужно так как на картинке.
Т. е. по середине чекбокс, далее картинка и текст, обтекающий её справа

12 Сен 2010, 15:03
НЕЗНАЙКА

Ну что же так.. Ощущение, что никто не работал с вложенными блоками в дизайне

13 Сен 2010, 7:45
Rior

не понял вопроса

13 Сен 2010, 13:05
Rior

нyжeн div c border, checkbox и выpaвнивaниe td,tr?

13 Сен 2010, 13:08
OTSHELNIK

<span style="float:left;"> спасёт мир. как имнно на картинке-распишу позже. скорее даже завтра,если не забуду) а пока что почитай про этот отрывок кода,мож сам сообразишь

14 Сен 2010, 19:54
OTSHELNIK

вот пример,скорее говнокода.


<div style="float:left;">Чекбокс</div>
<div style="float:left;">Картинка</div>
<div style="float:left;">Текст</div>
<div style="clear:left;">Переход на след строку. Этот див оставить пустым.</div>


как это делается правильно и более оптимизированно-уже забыл)


__________
посл.ред. 14 Сен 2010, 20:05; всего 1 раз 14 Сен 2010, 20:02
OTSHELNIK

подробнее почитай вот(веб):
http://www.htmlbook.ru/css/float.html
http://www.htmlbook.ru/css/clear.html

14 Сен 2010, 20:04
НЕЗНАЙКА

ОТШЕЛЬНИК, не надо тыкать в справочник) Если бы понял всех нюансов не обратился бы. Завтра проверю, но думаю не рабочий способ

14 Сен 2010, 20:10
OTSHELNIK

НЕЗНАЙКА, с чего не рабочий-то?) сам только что проверил)
первые три дива говорят "обтекание справа",а последний див запрещает обтекание справа. то есть то,что мы получили-первый див,это чекбокс. но в диве сказано,обтекать справа. и идет дальше. встречается то же задание. то есть уже мы прошли правее от чекбокса, тут мы делаем картинку. с третьим-та же проблема. а в четвертом мы сказали,что нельзя больше обтекать и текст продолжится со след.строки. а так уже и повторить можно будет. так что способ рабочий,но не факт,что самый оптимизированный.

если не нравится этот,то можешь сделать себе такую же фигню,только таблицами. но это лишний геморой.

да и ты просто спроси,какие ньюансы тебе не ясны?
собственно,какой вопрос,такой и ответ

14 Сен 2010, 20:16
НЕЗНАЙКА

хз. Вот еще http://forum.php.su/topic.php?forum=41&topic=869

14 Сен 2010, 20:20
Ответить на тему