Форум Сайтостроение Веб-строительство

Отображение интервалов между элементами в MSIE

12
Х
На сайте с 07.03.2005
Offline
99
Харви
749

Почему-то Explorer отображает интервалы между графическими элементами меньше, чем другие браузеры. Пробовал задавать интервалы по-разному - результат один.

Делаю меню, Explorer очень маленький интервал между кнопками. Вот пример - http://pchess.ru/test/ .

С этим можно как-то бороться или придётся смириться?

gif primer.gif
T
На сайте с 20.03.2007
Offline
67
Toy
#1

У меня есть замечание по вашему коду- идентификатор должен быть уникальный в пределах страницы, у вас же 5 элементов с id="menu2". Что касается непосредственно проблеммы: попробуйте вместо padding использовать margin

Х
На сайте с 07.03.2005
Offline
99
Харви
#2
Toy:
У меня есть замечание по вашему коду- идентификатор должен быть уникальный в пределах страницы, у вас же 5 элементов с id="menu2".

Я этого не знал. Как сделать правильно? Использовать class?

Toy:
Что касается непосредственно проблеммы: попробуйте вместо padding использовать margin

Пробовал и то, и другое. Не помогло.

[Удален]
#3
Харви:
Я этого не знал. Как сделать правильно? Использовать class?

да

[||| десять символов |||]

T
На сайте с 20.03.2007
Offline
67
Toy
#4 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <title>title</title>

            <style type="text/css">

                *{margin:0;padding:0;}

                ul{font: bold 11px arial, sans-serif;list-style:none;}

                ul li{margin: 0px 0;}

                ul a{color:#000;text-decoration:none;display:block;width:130px;height:20px;background:url("http://pchess.ru/test/knopka0.gif") no-repeat;padding:3px 0 0 0;}

                ul a:hover{color:#808080;background:url("http://pchess.ru/test/knopka1.gif");}

            </style>

    </head>

    <body>

        <ul>

            <li><a href="#">ОЛДПОДП</a></li>

            <li><a href="#">ОДПОДПО</a></li>

            <li><a href="#">ЭЖДЛЖ</a></li>

            <li><a href="#">ЫДЖВЫД ЛЛЛ</a></li>

            <li><a href="#">ДВД ЛАО ЛЛ</a></li>

        </ul>

    </body>

</html>
[Удален]
#5
Toy:
*{margin:0;padding:0;}

злокачественно))

читал что этот "reset.css" самый из самых злых)

T
На сайте с 20.03.2007
Offline
67
Toy
#6

bearman, коротко и ясно :D

[Удален]
#7
Toy:
bearman, коротко и ясно

да просто в некоторых браузерах пипец бывает неясный )))

я всегда юзаю готовые решения reset'а, чаще всего юзаю yahoo reset css :)

T
На сайте с 20.03.2007
Offline
67
Toy
#8
bearman:
да просто в некоторых браузерах пипец бывает неясный )))

Браузеры ещё куда ни шло, на работе бывают скажет сверстать страничку или её внушительную часть, я по привычке вставлю *{margin:0;padding:0;} и на этапе 99% процесса вёрстки, меня просят добавить на страницу кусочек стороннего кода, вот тогда начинается веселуха :)

Google о SEO для Чужой сайт ставит источником Рост роботности в Метрике
[Удален]
#9
Toy:
меня просят добавить на страницу кусочек стороннего кода, вот тогда начинается веселуха

ой не говорите :)

"поплыли!!!!" ==))

Х
На сайте с 07.03.2005
Offline
99
Харви
#10

Toy, спасибо! Ваш код гораздо лучше моего. :)

Ещё один вопрос - что делать, если понадобится как-нибудь выделить один пункт меню? Например, что-то новое и важное. Как определить стиль для отдельного пункта?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий