Jump to content

3des

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by 3des

  1. Спасибо как всегда все дело в неумении искать)
  2. Как на счет адаптивной верстки? Я нередко применяю данную технику.
  3. Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <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; } т.е. у меня распологаются по центру три строчно-блочных элемента, естественно, это не работает, т.к. ширина строчно-блочных элементов зависит от их содержимого. Честно говорю, гуглил, но, поиски не дали результатов. Я более чем уверен, что задавал неверный поисковый вопрос. Ткните меня пальцем, пожалуйста, в нужное место или подскажите, что применять Заранее спасибо!
  4. Подскажите, что лучше использвать, не применяя функционал CSS3?
  5. Да уж.. и действительно ой ой, как я мог такого не заметить.. Большое спасибо.
  6. Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 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; } Будьте добры, исправьте, пожалуйста, ошибки... Надеюсь только на вас, в учебниках ничего подобного не нашел.
×
×
  • 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