IIAIIIA

Всегда пожалуйста. <h2 align="center"> <font color="#003399" style="FONT-FAMILY: Verdana"> <br> <br> <img hspace="50" border="0" align="right" vspace="100" src="/image/%7Bb4261916-eb03-4e16-9da2-2f33621c7cb7%7D.jpg" alt="Подать объявление или рекламу по телефону" style="width: 226px; height: 154px"> </font> </h2> Это лажа, полная. Нет смысла пихать картинку в заголовок. Но если вам лень переписывать код, можно решить проблему, указав в атрибуте style тега img свойство "padding-left: 35px", а лучше "margin-left: 35px".

Не ленитесь, читайте теорию - найдете ответы на все свои вопросы. Как вариант.

Устаревшая верстка. Все эти align="center" и прочие стилевые атрибуты нужно выносить в css, от тега font - избавиться. Еще вижу ошибку в задании значения атрибуту "center</P". Кидайте ссылку на вашу страницу, надо смотреть стили для блока с текстом.

Не заглядывая в код: - разные отступы между заголовком Portfolio Design и нижеследующим текстом - и бордер у верхнего блока отличается от макета - неправильно вырезали логотип, сравните цвет слогана - Register-login вышел за сетку - отступ слева у копирайта на макете есть, у вас нет Могли бы перед показом работы проверить валидатором, заметили бы <meta charset="utf-8/"> Смысла в использовании html5 тэгов header и footer с объявленными классами не вижу. Если честно, вообще не вижу причин использования этих новых тегов, div с классом прекрасно справляется со своей задачей. Но если уж решили поставить новые модные теги, то с помощью них и задавайте стили. Опять же: <nav> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Blog</a> </li> <li> <a href="#">Contact</a> </li> </ul> </nav> Усложнили DOM-дерево на один контейнер, а зачем? Чуть больше любви и внимания к мелочам и деталям - и все у вас будет хорошо.

У вас есть некоторые проблемы с пониманием верстки. Лень было исправлять вашу верстку, поэтому сделал все с нуля. Обратите внимание на мелочи вроде h3>a, а не a.h3 В итоге у вас куча классов, непонятных и ненужных элементов. .catalog_list{ list-style-type: none; } .catalog_list li{ margin-bottom: 20px; } .catalog_list li:after{ content: ""; display: block; clear: both; } .catalog_list .product-photo{ border: 2px solid #E9A900; float: left; } .catalog_list .product-content{ background: none repeat scroll 0 0 #EFEFEF; border: 2px solid #BABABA; padding: 40px; margin-left: 140px; } <ul class="catalog_list"> <li> <a href="#"><img src="http://fluke-rf.ru/assets/images/noimage.jpg" alt="" class="product-photo" /></a> <div class="product-content"> <h3> <a href="#">Термопары и аксессуары для измерения температуры</a> </h3> <a title="FLUKE 80РК-22" href="/index.php?id=138">FLUKE 80РК-22</a> / <a title="FLUKE 80РК-24" href="/index.php?id=139">FLUKE 80РК-24</a> / <a title="FLUKE 80РК-25 И 80РТ-25" href="/index.php?id=140">FLUKE 80РК-25 И 80РТ-25</a> / <a title="FLUKE 80РК-26" href="/index.php?id=141">FLUKE 80РК-26</a> / <a title="FLUKE 80RK-27" href="/index.php?id=142">FLUKE 80RK-27</a> / <a title="FLUKE 80RK-1-1 AND 80RJ" href="/index.php?id=143">FLUKE 80RK-1-1 AND 80RJ</a> / <a title="FLUKE 80РК-3А" href="/index.php?id=144">FLUKE 80РК-3А</a> / <a title="FLUKE 80РК-8" href="/index.php?id=145">FLUKE 80РК-8</a> / <a title="FLUKE 80РК-9 И 80PJ-9" href="/index.php?id=146">FLUKE 80РК-9 И 80PJ-9</a> / <a title="FLUKE 80РК-11" href="/index.php?id=147">FLUKE 80РК-11</a> / <a title="FLUKE 80АК-А" href="/index.php?id=148">FLUKE 80АК-А</a> / <a title="FLUKE 80ВК-А" href="/index.php?id=149">FLUKE 80ВК-А</a> / <a title="FLUKE 80ТК" href="/index.php?id=150">FLUKE 80ТК</a> / <a title="FLUKE 80Т-150U" href="/index.php?id=151">FLUKE 80Т-150U</a> / <a title="FLUKE 80PR-60 RTD" href="/index.php?id=152">FLUKE 80PR-60 RTD</a> / <a title="FLUKE 80РК-EXT" href="/index.php?id=153">FLUKE 80РК-EXT</a> / </div> </li> <li> <a href="#"><img src="http://fluke-rf.ru/assets/images/noimage.jpg" alt="" class="product-photo" /></a> <div class="product-content"> <h3> <a href="#">Термопары и аксессуары для измерения температуры</a> </h3> <a title="FLUKE 80РК-22" href="/index.php?id=138">FLUKE 80РК-22</a> / <a title="FLUKE 80РК-24" href="/index.php?id=139">FLUKE 80РК-24</a> / <a title="FLUKE 80РК-25 И 80РТ-25" href="/index.php?id=140">FLUKE 80РК-25 И 80РТ-25</a> / <a title="FLUKE 80РК-26" href="/index.php?id=141">FLUKE 80РК-26</a> / <a title="FLUKE 80RK-27" href="/index.php?id=142">FLUKE 80RK-27</a> / <a title="FLUKE 80RK-1-1 AND 80RJ" href="/index.php?id=143">FLUKE 80RK-1-1 AND 80RJ</a> / <a title="FLUKE 80РК-3А" href="/index.php?id=144">FLUKE 80РК-3А</a> / <a title="FLUKE 80РК-8" href="/index.php?id=145">FLUKE 80РК-8</a> / <a title="FLUKE 80РК-9 И 80PJ-9" href="/index.php?id=146">FLUKE 80РК-9 И 80PJ-9</a> / <a title="FLUKE 80РК-11" href="/index.php?id=147">FLUKE 80РК-11</a> / <a title="FLUKE 80АК-А" href="/index.php?id=148">FLUKE 80АК-А</a> / <a title="FLUKE 80ВК-А" href="/index.php?id=149">FLUKE 80ВК-А</a> / <a title="FLUKE 80ТК" href="/index.php?id=150">FLUKE 80ТК</a> / <a title="FLUKE 80Т-150U" href="/index.php?id=151">FLUKE 80Т-150U</a> / <a title="FLUKE 80PR-60 RTD" href="/index.php?id=152">FLUKE 80PR-60 RTD</a> / <a title="FLUKE 80РК-EXT" href="/index.php?id=153">FLUKE 80РК-EXT</a> / <a title="FLUKE 80РК-22" href="/index.php?id=138">FLUKE 80РК-22</a> / <a title="FLUKE 80РК-24" href="/index.php?id=139">FLUKE 80РК-24</a> / <a title="FLUKE 80РК-25 И 80РТ-25" href="/index.php?id=140">FLUKE 80РК-25 И 80РТ-25</a> / <a title="FLUKE 80РК-26" href="/index.php?id=141">FLUKE 80РК-26</a> / <a title="FLUKE 80RK-27" href="/index.php?id=142">FLUKE 80RK-27</a> / <a title="FLUKE 80RK-1-1 AND 80RJ" href="/index.php?id=143">FLUKE 80RK-1-1 AND 80RJ</a> / <a title="FLUKE 80РК-3А" href="/index.php?id=144">FLUKE 80РК-3А</a> / <a title="FLUKE 80РК-8" href="/index.php?id=145">FLUKE 80РК-8</a> / <a title="FLUKE 80РК-9 И 80PJ-9" href="/index.php?id=146">FLUKE 80РК-9 И 80PJ-9</a> / <a title="FLUKE 80РК-11" href="/index.php?id=147">FLUKE 80РК-11</a> / <a title="FLUKE 80АК-А" href="/index.php?id=148">FLUKE 80АК-А</a> / <a title="FLUKE 80ВК-А" href="/index.php?id=149">FLUKE 80ВК-А</a> / <a title="FLUKE 80ТК" href="/index.php?id=150">FLUKE 80ТК</a> / <a title="FLUKE 80Т-150U" href="/index.php?id=151">FLUKE 80Т-150U</a> / <a title="FLUKE 80PR-60 RTD" href="/index.php?id=152">FLUKE 80PR-60 RTD</a> / <a title="FLUKE 80РК-EXT" href="/index.php?id=153">FLUKE 80РК-EXT</a> / </div> </li> <li> <a href="#"><img src="http://fluke-rf.ru/assets/images/noimage.jpg" alt="" class="product-photo" /></a> <div class="product-content"> <h3> <a href="#">Термопары и аксессуары для измерения температуры</a> </h3> <a title="FLUKE 80РК-22" href="/index.php?id=138">FLUKE 80РК-22</a> / <a title="FLUKE 80РК-24" href="/index.php?id=139">FLUKE 80РК-24</a> / <a title="FLUKE 80РК-25 И 80РТ-25" href="/index.php?id=140">FLUKE 80РК-25 И 80РТ-25</a> / </div> </li> <li> <a href="#"><img src="http://fluke-rf.ru/assets/images/noimage.jpg" alt="" class="product-photo" /></a> <div class="product-content"> <h3> <a href="#">Термопары и аксессуары для измерения температуры</a> </h3> <a title="FLUKE 80РК-22" href="/index.php?id=138">FLUKE 80РК-22</a> / <a title="FLUKE 80РК-24" href="/index.php?id=139">FLUKE 80РК-24</a> / <a title="FLUKE 80РК-25 И 80РТ-25" href="/index.php?id=140">FLUKE 80РК-25 И 80РТ-25</a> / <a title="FLUKE 80РК-26" href="/index.php?id=141">FLUKE 80РК-26</a> / <a title="FLUKE 80RK-27" href="/index.php?id=142">FLUKE 80RK-27</a> / <a title="FLUKE 80RK-1-1 AND 80RJ" href="/index.php?id=143">FLUKE 80RK-1-1 AND 80RJ</a> / <a title="FLUKE 80РК-3А" href="/index.php?id=144">FLUKE 80РК-3А</a> / <a title="FLUKE 80РК-8" href="/index.php?id=145">FLUKE 80РК-8</a> / <a title="FLUKE 80РК-9 И 80PJ-9" href="/index.php?id=146">FLUKE 80РК-9 И 80PJ-9</a> / </div> </li> </ul>

и я согласен) вообще на их сайте это реализовано именно через js, но по нашему разговору на собеседовании я понял, что вполне возможно обойтись без него...

всем спасибо большое за ответы, сорри, что не сразу отвечаю - на работе нахожусь сейчас буду вникать в суть ваших ответов два класса применены к диву в итоговой версии, которую отправлял при трудоустройстве вынес, разумеется, стили и js по разным файлам и класс clear появился в css принимается... слажал вот тут не совсем понял, а в чем проблема? абсолютно верно

Добрый день! Хочу услышать мнение грамотных людей по поводу верстки одного из тестовых макетов. Общие требования в верстке 1. Корректное отображение в браузерах: Internet Explorer 6 и выше, Firefox 3.5.* и выше, Google Chrome, Safari 5 и выше 2. Минимальное количество элементов в html разметке, минимальное количество стилей CSS, минимальное количество изображений для оформления (если вы используете изображения при реализации задачи), минимальное кол-во JavaScript'а (если вы используете JavaScript для реализации задачи, использование при этом JavaScript framework'ов /prototype, jQuery, и т.д./ приветствуется), использование тегов таблиц не желательно Комментарии к макету для тестового задания 1. Фон заголовка (черный фон, белый текст) тянется в зависимости от ширины текста, если в одну строку не умещается - растягивается на всю ширину блока (как на блоке сверху справа) 2. Большой блок по высоте должен быть всегда равен высоте маленьких блоков справа, тянется светло-серая часть (где ссылка «ответить»). 3. Если высота маленьких блоков справа меньше высоты большого блока - тянется светло-серая подложка у маленьких блоков. 4. Блоки «Еще прокомментировали» тянутся только относительно своего наполнения (внутренние отступы всегда как на картинке) Пример решения Вот то, что я наваял - http://chebbasket.ru/test/test.html Сам понимаю, что далеко от идеала - помогите, пожалуйста, разобраться, что можно было бы сделать лучше. И особенно хочу обратить ваше внимание на комментарии №№2, 3. Как это можно было реализовать средствами html+css? я не понимаю... ах да, забыл сказать, что этот макет не прокатил при собеседовании и меня не взяли на работу цель этого сообщения - поднять свой уровень и уровень других начинающих верстальщиков благодаря толковым людям