Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 5689 Просмотров
*

[No][Ne]

  • Осваиваюсь на форуме
  • 23
  • 1 / 0
Я уже не знаю, либо у меня руки не оттуда произрастают, либо у тех, кто IE творит.

Собственно нижеследующий код описывает класс для <div>

Код
.alphacategory {
padding-left: 10px;
}

.alphacategory a, .alphacategory a:visited {
color:  #7F8B96;
}

.alphacategory a:hover {
margin-left: -10px;
padding-left: 10px;
background-color: #FFFFFF;
background-image: url(../images/alphacat.gif);
background-position: left center;
background-repeat: no-repeat;
}

В Opera (9.26- последняя на сегодня) всё хорошо, всё отлично, т.е. картинка (alphacat.gif) находится слева (т.е. по margin-left, т.к. картинка- это бэкграунд) от текста (выравнивается через 10px от margin-left по padding-left).

В IE 7 (с microsoft путём обновления)- плохо, т.е. картинка (alphacat.gif) находится там же, где первая буква (т.е. по padding-left) и ни в какую не хочет нормально отображаться слева, либо так как написано, либо выравнивание строк по margin-left.

Складывется впечатление, что он просто игнорирует свойство margin, если оно равно padding. Или можно как-то победить? Надо очень.

Re: IE 7 игнорирует свойство margin?
« Ответ #1 : 27.03.2008, 12:54:39 »
А если последней строчкой дописать:

float: left;
*

[No][Ne]

  • Осваиваюсь на форуме
  • 23
  • 1 / 0
Re: IE 7 игнорирует свойство margin?
« Ответ #2 : 27.03.2008, 20:04:15 »
Спасибо, anta, хорошо, что есть такие ребята как ты  ^-^

сделал так:

Код
.alphacategory {
padding-left : 10px;
}

.alphacategory a, .alphacategory a:visited {
color : #7F8B96;
float : left;
clear : left;
}

.alphacategory a:hover {
margin-left : -10px;
padding-left : 10px;
background-color : #FFFFFF;
background-image : url(../images/alphacat.gif);
background-position: left center;
background-repeat: no-repeat;
}

Причём, обязательно пользуйте свойство clear (если это нужно), а то соседний, или того хуже, нижний блок присоседивается к правому боку того, в котором мы использовали float.
Цитировать
clear определяет, какие стороны блока не могут соседствовать с предшествующим перемещаемым блоком.
(Каскадные таблицы стилей второго уровня. Спецификация CSS2)
*

[No][Ne]

  • Осваиваюсь на форуме
  • 23
  • 1 / 0
Re: IE 7 игнорирует свойство margin?
« Ответ #3 : 29.03.2008, 16:17:48 »
ну, вот ещё одна диверсия Эксплорера, не показывает padding в таблице.

Код
.alpha1cont {
display : table-cell-group;
padding-left : 25px;
background-image : url(../images/alpha1.gif);
background-position : center;
background-repeat : repeat-y;
text-align : justify;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
padding-right : 8%;
margin-left : 1%;
}

anta, выручай, пожалуйста...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться