Jump to content

mooncar

Newbie
 View Profile  See their activity

  • Posts

    8

  • Joined

  • Last visited

mooncar's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. mooncar
    Спасибо всем поучаствовавшим за уделенное время. Рассмотрю все варианты. (<div>-ная верстка для меня пока трудновата, в голове табличная застряла.) Верстать приходится нечасто, но иногда случается, и помощь была очень кстати!
  2. mooncar
    Разобрался. Еще один товарищ подсказал насчет контейнеров. Вот такое решение получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .left-column-div { width: 220px; float: left; text-align: right; } .right-column-p { width: 400px; margin-left: 300px; } </style> </head> <body> <div class="left-column-div"><img src="" alt="" width="150" height="150" /></div> <p class="right-column-p">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p class="right-column-p">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <div class="left-column-div"><img src="" alt="" width="180" height="150" /></div> <p class="right-column-p">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </body> </html> Да вроде никак не просится. Текст должен идти валом, абзацами, без разбиения на строки, а картинки должны привязываться к началу абзацев. С таблицами же так не получится, нет нужной гибкости.
  3. mooncar
    Попробую сделать так, насчет контейнера понял, насчет потока не очень, я немного другим занимаюсь, нежели версткой. Если не получится, можно будет к вам в личку стукнуться?
  4. mooncar
    Лишняя обертка - это не страшно. Ширина "колонок" постоянная. Ширина картинок только разная может быть. Таков макет.
  5. mooncar
    То есть без ручного задания координат никак? Я полагал, что можно просто привязать картинку к началу абзаца без использования точного позиционирования. Ведь текст может измениться и высота абзаца тоже изменится.. да и в разных браузерах строки могут по разному отрендериться... Может быть возможно привязать margin'ом картинку к правому краю основного блока, без отрицательной величины, и с учетом ширины этого блока и сохранением float:left?
  6. mooncar
    Всплыл один нюанс. Таким методом, если ширины картинок разные, то зазор между текстом и картинками будет неодинаковым. К сожалению, сразу об этом не подумал. Я хотел, чтобы картинки "уходили" шириной влево. Как быть в таком случае?
  7. mooncar
    Спасибо. То есть предварять каждый <p> нужной картинкой с таким стилем?
  8. mooncar
    Верстальщик из меня так себе, но вот встал вопрос, поэтому хотел обратиться за советом. Есть <div>, в которм бдует распологаться текст с иллюстрациями. Задача состоит в том чтобы правильно сформатировать положение картинок относительно текста. текст идет сплошной лентой, разбитой на абзацы. Если бы картинки требовалось расположить внутри него, слева или справа, неважно как, вопроса бы не было. Но необходимо, чтобы картинки располагались слева от определенных абзацев <p> на определенном фиксированном расстоянии. То есть как бы две колонки - одна узкая для картинок, вторая широкая для текста. Как это лучше всего сделать? Идеи такие - создать для колонок два <diva>, и в каждом располагать соответственный материал, при этом абзацы бы шли как идут, а картинки пришлось бы подгонять по вертикальным отступам внутри первой колонки. Но мне кажется, что это неправильно. Наверное как-то можно ориентировать картинки слева от текста, отталкиваясь от положения абзаца непосредственно, то есть все сделать в одном <div>? Как лучше всего поступать в таких случаях?
×
×
  • 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

  I accept