Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: IE8 и padding для ссылки

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » IE8 и padding для ссылки

Страниц (1): [1]

1. Саныч - 26 Августа, 2010 - 16:55:27 - перейти к сообщению

Столкнулся с такой проблемкой. Есть ссылка, т.е. <a></a> и к ней стили

CODE (htmlphp):
скопировать код в буфер обмена

color: #2b587a;
padding: 1px 0 1px 18px;
background: url(../img/big_search.png) no-repeat;

в опере, мозиле все как надо отображаеться, в осле опять криво (см. скрин)
Собственно вопрос, неужели осел не понимает свойство padding для элементов а?

2. Uchkuma - 26 Августа, 2010 - 17:14:54 - перейти к сообщению

Я бы все же посоветовал засунуть ссылку в div и уже для него устанавливать свойства.

3. Саныч - 26 Августа, 2010 - 17:23:09 - перейти к сообщению

Это я и сам понимаю и видимо так и прийдется делать. Просто хотел узнать возможно ли решить мою проблемку без добавления лишних элементов.
(Добавление)
Все сам решил проблемку, а заключалась она в моей же невнимательности)
кусочек CSS

CODE (htmlphp):
скопировать код в буфер обмена

div.film_mini_stat > p:last-child > a,
div.film_top_rating > p > a,
div.film_top_new > p > a,
div.film_top_comments > p > a,
div.film_search > p > a {
        color: #2b587a;
        padding: 1px 0px 1px 18px;
}

осел не понимает last-child и просто в тупую пропускает весь этот блок, т.е. не разбирает перечисление элементов, а просто игнорирует их

ох уж этот осел, как он мне дорог... Нахмурился

4. LEONeso - 27 Августа, 2010 - 03:18:48 - перейти к сообщению

CODE (htmlphp):
скопировать код в буфер обмена

> p > a

в какой версии css добавлено?

К стати, а разве есть проблема?
если указать, где стоять изображению

CODE (html):
скопировать код в буфер обмена

background: url(../img/big_search.png) no-repeat center left;

у меня в FF и IE8 - все работает 1 в 1 по a {стилю}.

5. Саныч - 27 Августа, 2010 - 12:58:17 - перейти к сообщению

LEONeso пишет:

в какой версии css добавлено?

в CSS2

LEONeso пишет:

К стати, а разве есть проблема?

У меня была Улыбка

Я выше описал почему так получилось

6. JustUserR - 27 Августа, 2010 - 17:53:20 - перейти к сообщению

Саныч пишет:

Просто хотел узнать возможно ли решить мою проблемку без добавления лишних элементов.

В принципе возможно указать отображение требуемой гиперссылки в виде блочного объекта с помощью CSS-свойства display:block - кроме того если вам необходимо добавить дополнительный отступ слева от встроенного элемента - то это можно реализовать с помощью установки значения для margin