runet

Насколько я тебя понял, тебе нужно чтобы блок a2 был вплотную к блоку a3.

Тебе нужно реализовать такие страницы для каждого пункта меню, только с разным содержанием но одинаковой структурой.

Всё я понял свою ошибку. То есть мы просто переопределили эти 3px для всех браузеров. Кстати psywalker большое спасибо за разъяснения.

Понял ща попробую. Не а все равно есть этот отступ. http://test-platform.ucoz.ua/test1.html Может я не так чёт делаю.

Ссылка та же - http://test-platform.ucoz.ua/test.html

Ничего не помогло. Я только новичок, но мне интересно почему нельзя применять стили для input ?

Вот ссылка - http://test-platform.ucoz.ua/test.html Если смотреть в разных браузерах, кроме IE, то высота у всех одна. Но в IE она больше. OPD: ИМХО Даже не высота, а скорей всего в IE прибавляется верхний padding.

Вот здесь смотри.

Под прибавлением внутреннего отступа к ширине это в IE6 имеешь ввиду. Ведь насколько я знаю он использует нестандартную блочную модель. Когда я использовал данный вариант, то в IЕ6 отступы удваиваются и высота input`a тоже. Как с этим быть? UPD: смотрел в IETester

А почему нельзя присвоить значения непосредственно тегу input. Ведь результат будет один и тот. Я увидел разницу только в том что в данном варианте при наполнении input`а есть левый отступ.

Спасибо всем за отзыв, все помогло

Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

Просто стало интересно взглянуть на оригинал шаблона. Если интересно можете посмотреть http://demo.themegrade.com/?wptheme=002/corporatemetalllight

Там где контент, поставьте ширину width: 920px;

что конкретно хотите получить? рисунок в студию

Попробуй данный вариант: CSS: a img { border: none; vertical-align: baseline; } #categories_img { list-style: none; } #categories_img li { font: "Myriad Pro"; text-align: center; margin: 0 5px; display: -moz-inline-box; /*для mozilla 2*/ display: inline-block; *zoom: 1; /*для IE *display: inline; */ vertical-align: bottom; } #categories_img li a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #000; text-decoration: none; } #categories_img li a:hover { color: #999; } html: <ul id="categories_img"> <li><a href="#"><img src="img/250x250.gif" width="250" height="250"/><br />Contacts</a></li> <li><a href="#"><img src="img/125x125.gif" width="125" height="125" /><br /><Cable</a></li> <li><a href="#"><img src="img/290x100.gif" width="290" height="100" /><br />Sound</a></li> </ul>

Какой именно отступ? В приведённом тобой коде всё нормально. Ну на всякий случай попробуй html,body{ margin:0; padding:0;}

Вот еще вариант CSS: #wp_page_numbers { clear: both; width : 600px; text-align: center!important; font-weight : normal; margin: 10px auto 20px; margin:0; padding:0; } #wp_page_numbers ul{ list-style-type: none; margin: 0 auto; } #wp_page_numbers ul li{ display: inline; } #wp_page_numbers ul li a{ padding: 2px 7px; color: #333; border: 1px solid #bfbfbf; text-decoration: none; outline: none; display: inline-block; } HTML: <div id="wp_page_numbers"> <ul> <li><a href="#" title="#">1</a></li> <li><a href="#" title="#">2</a></li> <li><a href="#" title="#">3</a></li> <li><a href="#" title="#">4</a></li> <li><a href="#" title="#">5</a></li> </ul> </div> p.s. Не увидел что уже помогли. Будет еще вариант )))

Может легче, повесить background`ом белую полосу на input и отпозиционировать как говорит psywalker

Вот вот facebook`у div понравился. Вот строка которая описывает "синюю полоску в facebook`е" HTML <div class="loggedout_menubar_container"> .... </div> CSS .loggedout_menubar_container { background-color:#3B5998; height:82px; position:relative; z-index:100; }

Тебе нужно вставить дополнительный блок, <div class="paper1"></div>после закрывающегося тега </ul>

А почему не применить float к изображению