X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Разное расстояние в разных браузерах.
bobo_hb
bobo_hb
Topic Starter сообщение 11.3.2011, 14:18; Ответить: bobo_hb
Сообщение #1


Добрый вечер. Есть простой код:
<div class='menu' style='width:inherit; height:200px;'>
<div style='width:inherit; height:15px;'></div>
<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>
<li><a href='#'>Фотоальбом</a></li>
<li><a href='#'>Гостевая книга</a></li>
<li><a href='#'>Контакты</a></li>
</ul>
</div>


[CSS]
.menu ul {
list-style-image: url(red_linf.png);
margin-left:70px;
}
.menu ul li {
text-align:left;
margin:7px 0 0 0;
font-size: 13px;
}
[/CSS]

В файрфоксе и ИЕ расстояние между пунктами меню немного больше, чем в опере. С чем это может быть связано ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VasyOk
VasyOk
сообщение 11.3.2011, 17:19; Ответить: VasyOk
Сообщение #2


Судя по всему пришло время вам повысить свой скил..
Хотя в интернете уже куча инфу по этому поводу, я все же вкратце растолкую

По-умолчанию у каждого браузера прописаны свои стили на элементы (теги). Для кроссбраузерной верстки необходимо нулить все стили браузера.

http://meyerweb.com/eric/tools/css/reset/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bobo_hb
bobo_hb
Topic Starter сообщение 11.3.2011, 17:23; Ответить: bobo_hb
Сообщение #3


(VasyOk @ 11.3.2011, 19:19) *
Судя по всему пришло время вам повысить свой скил..
Хотя в интернете уже куча инфу по этому поводу, я все же вкратце растолкую

По-умолчанию у каждого браузера прописаны свои стили на элементы (теги). Для кроссбраузерной верстки необходимо нулить все стили браузера.

http://meyerweb.com/eric/tools/css/reset/


Спасибо.
Самое смешное, что именно этот reset и использую (забыл упомянуть об этом в 1м посте) :)
Какие еще будут варианты ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bobo_hb
bobo_hb
Topic Starter сообщение 11.3.2011, 17:52; Ответить: bobo_hb
Сообщение #4


Тема закрыта.
Правильный ответ (вдруг пригодится кому):
[CSS]
.menu ul {
list-style: none;
margin-left:50px;
}
.menu ul li {
background:url(red_linf.png) no-repeat left center;
padding-left:20px;
text-align:left;
margin:7px 0 0 0;
font-size: 13px;
}

[/CSS]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Пишет кто отзывы на сайт в янднекс с разных аккаунтах
1 TenDemon_rs 1186 22.3.2024, 13:18
автор: writer80
Открытая тема (нет новых ответов) Размещение ссылок на разных ресурсах для продвижения сайта
6 nikitosmore 2660 18.7.2022, 10:06
автор: A_Diana
Открытая тема (нет новых ответов) Базы сайтов разных тематик для звонков и E-mail рассылок (Россия)
0 maxmer 2069 8.7.2022, 11:05
автор: maxmer
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКорректность показа вёрстки изображений на разных гаджетах
Не сохраняются пропорции изображений на смартфонах
1 master-vek 37259 25.3.2021, 13:22
автор: tedder
Открытая тема (нет новых ответов) 10 интересных комментариев + 10 целевых действий с 10 разных IP
$10
0 Porsche 1244 18.1.2020, 1:32
автор: Porsche


 



RSS Текстовая версия Сейчас: 26.4.2024, 8:23
Дизайн