~Kitty~

Вот возникла та же проблема, поэтому решила не создавать новой темы. Есть горизонтальное меню на списках. Нужно внутри каждого пункта сделать вертикальное выравнивание по центру. Высота каждого пункта фиксированная. Способ, предложенный выше по сути помогает, хорош только для одной строчки. А можно как-то выровнять по вертикали, если в части li 1 строчка, а в части - 2 строчки текста?... Пример на картинке: #nav li{ float:left; width:165px; height:50px; vertical-align: baseline; background:url(images/menu_item.gif) no-repeat top left; text-align:center; }

Про валидаторы вам ответили - читайте внимательнее:

Кстати, могу вас "обрадовать" - FireFox тоже не отображает часть шапки. Попробуйте прописать вместо background="http://file-money.ucoz.ru/1/polosa.jpg" style="background: url(адрес_картинки)" и лучше используйте относительные адреса, а не полные..

Да не за что =) Сама в сво? время страдала проблемами кодировок =) И она в принципе распрастран?нная. А браузеры, они к кодировкам привередливы =)

Да не за что - стандартная проблема для IE =)

Но именно на сайте у меня в FF не отображаются стили. Кстати, попробуй покопаться в кодировке css и сервера в принципе. У меня такое ощущение, что проблема может быть в этом..

Кстати, создала у себя локально страничку с вашим кодом (путь к css-файлу оставила на ваш сайт, т.е. полный) и локально на машине в FF вс? отлично отобразилось - и фон и зел?ный заголовок шапки..

Попробуйте поставить на td, в которых находятся эти картинки font-size: 1px; А текст оберните в какой-либо другой элемент (например, div) и поставьте ему нужный font-size

Да. Всегда. На сколько я помню, id сильнее, чем класс. Но style вс?-равно будет сильнее.

Ещ? один момент, при создании писем в html вс? форматирование должно быть прописано через style или в css в head письма. Но, надо учитывать такой момент, что если у пользователя не указано ?принимать письма в html-формате?, то у него вся твоя красота не будет отображаться, а все картинки будут просто прикрепл?нными файлами. и ещ? - разные почтовые клиенты по разному интерпретируют в?рстку (проверено на работе при создании рассылок).

Кстати, в FF между ними тоже строчка, да ещ? и сама формочка поиска разъезжается по высоте. Попробуйте на td, в котором у вас табличка с формой, поставить фиксированную высоту.

Меня в выходные не было в инете просто =) Но, кстати, внешний вид, что я вижу по ссылке, представленой выше - оставляет желать лучшего - вс? плыв?т. И это касается не только этих глюков, но и внешнего вида меню (пункт Контакты перепрыгивает на другую строчку)..

Пункт "Контакты" съезжают на другую строчку (при разрешении 1024), из-за чего очень некрасиво выглядят поиск и языковая панелька. Что за ужас перекрывает половину шапки? Почему на img в css по умолчанию не стоит border: 0px? - сч?тчики обводятся синей рамкой. Откуда бер?тся како?-то кусок комментария внизу страницы (кстати, только в FF) -

Ок, как хочешь =)

Так по твоему коду, что ты приводил выше, меню и должно быть горизонтальным... Т.е. я так понимаю, разделитель ид?т и между пунктами меню тоже?.. И сделан он так же [*], верно?

Так получилось, что ты хотел или как?

Вроде понятно. Код тот же, что выше или разделитель теперь уже картинкой вставлен? По поводу части, где пункты меню - попробуй поставить ширину ячейки 1px, а текст ссылок заключить в тег - тогда они не будут переноситься на другую строчку, если будет больше 1 слова.

Залить на бесплатный хост (например, radikal.ru) и вставить сюда через тег полученную ссылку на картинку =) (конструкция: [img] картирнка[/img] )

А можете показать скриншот, как у вас получается и как должно быть? А то я уже не совсем понимаю, что вы хотите получить и что у вас не так.. =(

А если вставить этот разделитель картинкой? У вас же вс?-равно эта ячейка пустая... P.S. Только font-size не убирайте, если картинкой =)

А про font-size: 1px вы прочитали внимательно, что я вам писала? Поставьте его на ваш td.divider - должно помочь.

А у вас разделитель какой ширины? IE очень любит оставлять высоту/ширину ячеек по размеру шрифта. В таких случаях спасает простановка на подобные ячейки font-size: 1px; И не совсем поняла ваши полбеды с фоном меню..

А ширину ячейкам ставите?

Задайте ячейке с меню фиксированную высоту. Если меню будет больше этой высоты, ячейка растянется вниз на необходимую высоту. (Если я правильно поняла суть проблему)

Возникла такая проблема. Есть меню. Обычное горизонтальное меню. Подменю - выпадающее. Контентный слой (находится ниже) - сдвинут position: relative вверх. У него стоит z-index: 5. У выпадающего меню стоит z-index: 100 Проблема в ч?м. FF и Опера прекрасно вс? понимают, а в IE выпадающее меню оказывается ПОД контентной частью. Код: Само меню и контент: <div class="TopMenu"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="ugol" style="background: none;padding: 0px;"> <img src="img/left.gif" alt="" /> </td> <td> <a href="#"> <nobr>О магазине</nobr> </a> </td> <td> <a href="#"> <nobr>Новости</nobr> </a> </td> <td class="act"> <a href="#"> <nobr>Услуги</nobr> </a> <!--выпадающее меню --> <div class="mainDivPopMenu"> <div class="divPopMenu"> <a href="{@URL}"> Подбор музыки </a> </div> <div class="divPopMenu"> <a href="{@URL}"> Запись </a> </div> <div class="divPopMenu"> <a href="{@URL}"> Доставка </a> </div> </div> <!/--выпадающее меню --> </td> <td> <a href="#"> <nobr>Новинки</nobr> </a> </td> <td> <a href="#"> <nobr>Контакты</nobr> </a> </td> <td class="ugol" style="padding: 0px;"> <img src="img/right.gif" alt="" /> </td> </tr> </table> </div> <div class="content"> <div class="mainbody"> Тут текст контента </div> </div> Css: div.TopMenu { margin-top: 18px; position:relative; } div.TopMenu table { position: absolute; left: -141px; } .content { background: #fff27d url(img/main.jpg) no-repeat bottom right; padding: 25px 0px 0px 35px; z-index: 1; } .mainbody { position: relative; top: -107px; z-index: 5; } .mainDivPopMenu { position: absolute; visibility: hidden; z-index: 500; margin: 10px 0px 0px -25px; } div.divPopMenu { background: #FF9A1E; border: 1px solid #6C5722; margin-top: 1px; padding: 5px 30px 5px 20px; z-index: 500; } Надеюсь, понятно объясняю... Может, кто знает, как это обойти?..