3des

Спасибо как всегда все дело в неумении искать)

Как на счет адаптивной верстки? Я нередко применяю данную технику.

Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <h1><span>Some text</span></h1> h1 { display: block; text-align: center; font: 22px/22px Georgia; color: #fff; } h1 span { display: inline-block; } h1 span:before, h1 span:after { content: ""; display: inline-block; height: 22px; margin-right: 20px; background: url('img/lines.png') center repeat-x; } h1 span:after { margin-right: 0; margin-left: 20px; } т.е. у меня распологаются по центру три строчно-блочных элемента, естественно, это не работает, т.к. ширина строчно-блочных элементов зависит от их содержимого. Честно говорю, гуглил, но, поиски не дали результатов. Я более чем уверен, что задавал неверный поисковый вопрос. Ткните меня пальцем, пожалуйста, в нужное место или подскажите, что применять Заранее спасибо!

Но блок резиновый...

Подскажите, что лучше использвать, не применяя функционал CSS3?

Да уж.. и действительно ой ой, как я мог такого не заметить.. Большое спасибо.

Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол. Вот скриншот, направляющими разделена первая строка таблицы: Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее: Вот код HTML: <table class="post"> <tr class="post_top"> <td class="ptl"></td> <td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td> <td class="ptr"></td> </tr> <tr class="post_content"> <td class="is_post_content"> Some text </td> </tr> </table> И CSS-код: .post { width: 100%; background: #fff url('img/post_bg.png') repeat-x top; border: 1px #ccc solid; border-radius: 7px; behavior: url('ie/pie.htc'); } .post_top { height: 33px; } .ptl { width: 7px; background: url('img/ptl.png') no-repeat left; } .ptc { width: auto; background: url('img/ptc.png') repeat-x; } .ptr { width: 7px; background: url('img/ptr.png') no-repeat right; } .post_title { height: 33px; line-height: 33px; font-size: 14px; color: #fff; text-shadow: #000 1px 1px 1px; } .post_content { width: 100%; padding: 10px; } .is_post_content { width: 100%; padding: 10px; } Будьте добры, исправьте, пожалуйста, ошибки... Надеюсь только на вас, в учебниках ничего подобного не нашел.