kuraga

Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липучки, имеет небольшой вес, водостойкий.</p> </div> .short_article { clear: both; width: 100%; padding: 10px; margin: 10px 0 10px 0; border-top: dotted 1px black; border-bottom: dotted 1px black; } .short_article > .thumbnail { float: right; } .short_article > .thumbnail img { max-width: 150px; max-height: 150px; } .article > .thumbnail img { max-width: 200px; max-height: 200px; float: left; margin: 20px; } .short_article > .subtitle { display: none; font-size: 80%; } Проблема: высота картинки не учитывается при расчете высоты слоя. Решение: не помещать картинку в слой. Вопрос: помогите объяснить, пожалуйста, это. И какие еще решения бывают?

Спасибо! Как трехколоночный макет не воспринял, мозги каруселью были заняты!

Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.

Элемент Р представляет собой параграф. Он не может содержать другие блочные элементы (включая другие Р). Т.е. как только клиент в параграфе встречает блочный элемент(в вашем случае ol), он этот параграф закрывает, далее отрисовывается этот самый элемент (ol), потом рисует еще 1 параграф (т.к. обнаруживает закрывающий P). На вашей страничке все именно так. Вот это и спрашивал, спасибо!!! А про валидацию, разумеется, верно. Но было видно, что дело не в этом...

А в абзацах ли? Посмотрите DOM страницы файрбагом ("стрекозой", "инструментами разработчика" и т.п.) — наверняка удивитесь. А потом внимательнее присмотритесь к описанию тега <p> в спецификациях... http://molclub.ru/2011-10-13 В абзацах. А спецификациях не знаю что смотреть. Иначе бы не спрашивал.

Привет! ul, ol, li { margin: 10px; padding: auto; } #right #content p { text-align: justify; margin-top: 15px; padding: 15px 100px 15px 15px; line-height: 1.5; background: #eee; } #right #content p:hover { background-color: #cce; color: #444; } #right #content p:first-letter { font-size: 160%; font-weight: bold; color: #c11; } Абзацы выходят нужного фона, но фон у списков в абзацах белый. В чем дело?

Это CMS, я лишь верстаю макет, ничего не могу поделать... То есть искать, где фон поехал? Откуда вообще берется ТАКОЙ фон?

Я вспомнил, в чем проблема... Я все напутал снова Сессия, голова кругом... У меня три колонки и три строки. Колонки должны совпадать по ширине, а строки - по высоте... Последнего добиться (одновременно) не могу. То есть таблицу 3x3 мне надо переверстать в блоки, вот такое хочу научиться делать извращение... Теперь точно общая и правильная формулировка - см. топик-старт.

Для задания фона (бежеватая подложка на http://kafe-na-dinamo.ru - сейчас это таблица).

Я переформулировал (см. выше). Теперь каким лесом идти?

Добрый день! У меня задача - таблицу m на n сверстать блоками. То есть строки и столбцы должны автоматически подгоняться по высоте и ширине соответственно. Это возможно?

Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?