Temiks

ок, посмотрю обязательно

код ваш работает в ФФ, но у меня в ИЕ 8 нет, вот в чем проблема так а я об чем, что пишу просто :hover а оно не хочет отображать главное что отображает это подменю так это вот этот код li:hover ul { display: block; /* При выделении пункта курсором мыши отображается подменю */ }

это рабочий код , и он прекрасно работает в ФФ, но не хочет работать в ИЕ, вот и ищу в чем может быть проблема, так как :hover ИЕ 7 и 8 поодерживает без тнга ссылки a:hover Спасибо за ссылку прочитаю Спасибо за код, попробую сейчас Вот урывок кода Html, может поможет <ul > <li> <a href="#" title="Обо мне" >» Обо мне</a> <ul class="class" > <li class="class" > <a href="#" title="Мой Блог" >» Мой Блог</a> <a href="#" title="Мои интересы" >» Мои интересы</a> <a href="#" title="Мои проэкты" >» Мои проэкты</a> </li> </ul> </li> <li> <a href="#" title="Книги" >» Книги</a> <ul> <li> <a href="#" title="Фентези" >» Фэнтези</a> <a href="#" title="Киберпанк">» Киберпанк</a> </li> </ul> </li> <li> <a href="#" title="Игры" >» Игры</a> <ul> <li> <a href="#" title="Аркада">» Аркада</a> <a href="#" title="Гонки">» Гонки</a> <a href="#" title="Стратегия">» Стратегия</a> <a href="#" title="Экшен">» Экшен</a> <a href="#" title="RPG">» RPG</a> <a href="#" title="Online-only">» Online-only</a> </li> </ul> </li> <li> <a href="#" title="Котакты" >» Контакты</a> </li> </ul>

можно вообще не указывать высоту и ширину картинки, если конечно она остается без изменений ( не надо увеличить, или уменьшить ) для этого можно и нужно использовать width и height

Eirene, советую вам прочитать http://htmlbook.ru/css/margin есть margin-top - расстояние сверху; margin-right - расстояние справа; margin-bottom - расстояние снизу; margin-left - расстояние слева; и того чтоб писать проще, можно просто писать так: margin: 0px 10px 20px 30px;

спасибо, мне на мобильник не надо, причем код есть, просто его подправить наверное надо <!--[if IE]> <style type="text/css"> UL{ width: 100%; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Tahoma; /* Рубленый шрифт для текста меню */ font-size: 14px; /* Размер названий в пункте меню */ } LI UL { position: absolute; /* Подменю позиционируются абсолютно */ display: none; /* Скрываем подменю */ margin-left: 165px; /* Сдвигаем подменю вправо */ margin-top: -2em; /* Сдвигаем подменю вверх */ } li.class a:hover { list-style: none; font-family: Tahoma; /* Рубленый шрифт для текста меню */ font-size: 14px; background-color: red } LI A { width: 100%; display: block; /* Ссылка как блочный элемент */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Подчеркивание у ссылок убираем */ color: #666; /* Цвет текста */ border: 1px solid #ccc; /* Рамка вокруг пунктов меню */ background-color: #EDEDED; /* Цвет фона */ border-bottom: 1px solid #ccc; /* Границу снизу не проводим */ } LI A:hover { color: white; /* Цвет текста активного пункта */ background-color: #26303C; /* Цвет фона активного пункта */ padding: 5px 5px 5px 20px; font-family: Tahoma; font-size: 18px; } li:hover ul { display: block; /* При выделении пункта курсором мыши отображается подменю */ } li:hover ul { display: block; /* При выделении пункта курсором мыши отображается подменю */ } </style> <![endif]-->

к примеру таблица , а в ней блоки

можно и в другом

Странно у меня тоже в 8 отображает вверху, та знаю что картинками но правльно не очень получается Вопрос считай-шо по теме Можно ли сделать такое в ИЕ скрин с ФФ http://imm.io/2G7T

попробуй margin использовать к таблице или блоку

а можно как то сделать нормально для ИЕ, там они квадратные и картинка "улетела" вверх

Мое мнение что нужно, так надежнее, причем можно использовать таблицы + блоки советую вам прочитать статью про таблицы и блоки http://webdesign.site3k.net/?/sovet/verstka.html в "Камень предкновения: верстка таблицами или блоками?"

Вот такое можно сделать в ИЕ без JS Пример с ФФ http://imm.io/2G7T

да, мне тоже интересно почему так, надеюсь что объяснят

вот так? <tr> <td colspan="2"><div class="header" > <div style="float: left"><img alt="" src="img/headleft.gif" style="float:left"></div> <div style="float: right" ><img alt="" src="img/headright.gif" style="float: right"></div> <div style="text-align: center" ><img alt="" src="img/headcentr.jpg" style="float:none"></div> </div> </td> </tr>

огромное вам спасибо, помогло

это не только в ИЕ6 а у меня и в ИЕ8 также Не подскажете как начать писать стиль для ИЕ?

Да , нормально теперь в ИЕ но в ФФ теперь стало так скрин ФФ http://imm.io/2Fh5

попробуй выровнять align: right; или margin-right: xxx;

Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем левый верхний уголок вверх */ left: -2px; /* Сдвигаем влево */ } em.bt b { background-position: 100% -10px; /* Рисунок сдвигается к следующему уголку */ left: 4px; /* Сдвигаем вправо */ } em.bb { background-position: 0 -20px; top: 2px; left: -2px; } em.bb b { background-position: 100% -30px; left: 4px; } .color_block .block_content { } UL{ width: 100%; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Tahoma; /* Рубленый шрифт для текста меню */ font-size: 14px; /* Размер названий в пункте меню */ } LI A { display: block; /* Ссылка как блочный элемент */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Подчеркивание у ссылок убираем */ color: #666; /* Цвет текста */ border: 1px solid #ccc; /* Рамка вокруг пунктов меню */ background-color: #f0f0f0; /* Цвет фона */ border-bottom: 1px solid #ccc; /* Границу снизу не проводим */ } LI A:hover { color: white; /* Цвет текста активного пункта */ background-color: #26303C; /* Цвет фона активного пункта */ padding: 5px 5px 5px 20px; font-family: Tahoma; font-size: 18px; } Код html <td id="leftcol" > <div class="color_block" > <em class="bt"><b> </b></em> <div class="block_content"> <ul > <li> <a href="#" >» Обо мне</a> </li> <li> <a href="#" >» Книги</a> </li> <li> <a href="#" >» Игры</a> </li> <li> <a href="#" >» Контакты</a> </li> </ul> </div> <em class="bb"><b> </b></em> </div> <a href="sait.com" title="Rambler's" ><img src="../Atemiks.com/top.png"></a> </td>

съезжает контейнер? поставь для боди margin-top: 0; margin-bottom: 0;

попробуй table:hover или tr:hover может поможет

Можно использовать таблицы + блоки

нет, для него гужно писать в css стиль! ты только начинаешь учить разметку? советую тебе вначале начать хотяб с таблиц, а потом уже на div, но тебе решать это весь код страницы?

такое типа хочешь сделать? http://imm.io/2sOK я тоже только учусь верстать , моя первая страничка это означает, что идет смещение на 100% или отступ (вся ширина то-есть), наверное, если сделать не -100% а просто 100% то будет также, пробуй экспериментировать! изменяй код, но исходный код сохрани, я так сам делаю а зачем делать класс цитирую <div class="sidebar" id="sideLeft"> если класса sidebar не существует в css?