кроссбраузный вопрос :)

12
[Удален]
1123

<li><div class="z2"></div> <a href="/contacts.php">Контакты</a></li>

и

div {

width: 16px;

height: 16px;

display: inline-block;

}

как сделать так что бы ие тоже это понимал?

те надо что бы это была одна строка а не две как в ИЕ и что бы <div class="z2"></div> был именно блоком заданного размера. желания тег имж использовать как распорку нет.

PM
На сайте с 30.08.2010
Offline
48
#1
Stello:
<li><div class="z2"></div> <a href="/contacts.php">Контакты</a></li>

и

div {
width: 16px;
height: 16px;
display: inline-block;
}

как сделать так что бы ие тоже это понимал?
те надо что бы это была одна строка а не две как в ИЕ и что бы <div class="z2"></div> был именно блоком заданного размера. желания тег имж использовать как распорку нет.

Какую задачу ты пытаешься решить подобным образом?

[Удален]
#2

вырисовываю иконку из спрайта.

Stello добавил 01.09.2010 в 02:17

вариант без дива со смещением на глаз (ну не совсем на глаз) и с картинкой с прозрачными пикселами не предлагать - не понравилось решение

PM
На сайте с 30.08.2010
Offline
48
#3
Stello:
вырисовываю иконку из спрайта.

Stello добавил 01.09.2010 в 02:17
вариант без дива со смещением на глаз (ну не совсем на глаз) и с картинкой с прозрачными пикселами не предлагать - не понравилось решение

Не легче ли li назначить класс, к классу подвязать иконку? Единственное - это неудобно когда иконок большое количество, либо они должны формироваться "на лету".

[Удален]
#4

нельзя, но даже если бы и можно было то

Stello:
вариант без дива со смещением на глаз (ну не совсем на глаз) и с картинкой с прозрачными пикселами не предлагать

простите. Но мне кажется у вас теоретические знания

Stello добавил 01.09.2010 в 02:26

а мне нужна практика или на худой конец ответ на мой вопрос.

PM
На сайте с 30.08.2010
Offline
48
#5
Stello:
нельзя, но даже если бы и можно было то

простите. Но мне кажется у вас теоретические знания

Stello добавил 01.09.2010 в 02:26
а мне нужна практика или на худой конец ответ на мой вопрос.

Ну хорошо, пускай будут теоретические. 🚬

Но могу сказать что подобные мелкие задачи нужно учиться выполнять самому. Мозг, знаете ли. развивается.

[Удален]
#6

Большое спасибо за совет.

Вопрос актуальный.

T.R.O.N
На сайте с 18.05.2004
Offline
314
#7
Stello:
вариант без дива со смещением на глаз (ну не совсем на глаз) и с картинкой с прозрачными пикселами не предлагать - не понравилось решение

это самое вменяемое решение, т.к. получается результат без танца с бубном. А вот именно Вы занимаетесь голой теорией(ведь ие6-7 inline-block просто не понимают), это как любители 100% валидности. Куча гемора без результат

T.R.O.N добавил 01.09.2010 в 10:02

ЗЫ Если нравится танец... переделай стили на

div {

width: 16px;

height: 16px;

display: inline-block;

//display: inline;

}

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
[Удален]
#8
T.R.O.N:
это самое вменяемое решение, т.к. получается результат без танца с бубном.

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

Stello добавил 01.09.2010 в 10:46

T.R.O.N:
div {
width: 16px;
height: 16px;
display: inline-block;
//display: inline;
}

вы предлагаете этот код как решение? что то я разницы не увидел ))

T.R.O.N
На сайте с 18.05.2004
Offline
314
#9
Stello:
вы предлагаете этот код как решение? что то я разницы не увидел ))

плохо. волшебная строчка //display: inline;

[Удален]
#10

я это увидел, я пробовал, правда без двух палочек, но для ИЕ это не решение, скорее просто ничего не показывает. Это тоже впринципе не плохо, но все же хотелось бы решение найти как в моем ТС, если можно его так называть.

Но все равно спасибо, не знал что ИЕ это хавает а другие браузеры нет :), волшебные две полоски - однако.

Stello добавил 01.09.2010 в 12:23

пока могу только спасибо сказать, от репы толку нет :)

12

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