powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / word-spacing для inline-block элементов
8 сообщений из 8, страница 1 из 1
word-spacing для inline-block элементов
    #37818876
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
word-spacing для inline-block элементов не работает в хроме, сафари, ie7. IE8 и выше и все остальные браузеры - ok. Можно починить?
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885281
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дабы не создавать новую тему - можно ли внутри css написать тайный знак, понимаемый только IE9 и выше? В IE9 не работает border-radius для операционной системы Windows 7 (в Win 2008 к сожалению протестить не могу, там IE8) при использовании filter (он нужен для IE6-8). Можно конечно вынести всё в условные комментарии и отдельный стилевой файл для IE7-8, да такая лень, тайный символ вроде известной звёздочки * здесь был бы весьма кстати.
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885308
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885346
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Паганель http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx

Пасиб, завтра попробую 9-го ишака помучить хаками, может наконец-то поймёт css3.
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885405
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Странно ... вроде тоже юзаю CSS3 и тестирую под ИЕ9, но кроме отсутствия теней текста, никаких "недоразумений" нет - и тени, и закругления, и другие плюшки. Или это из-за хаков для ИЕ6-8?

Кстати, пошел по пути, который сейчас наиболее "трендовый" - делать все с использованием CSS3, но так, чтобы разметка не расползалась в ИЕ8 - типа, округлости с тенями превращаются в прямоугольники. Зато все достаточно аккуратно.

Единственное, на чем завалился - где-то прочел, что тэги типа <aside>, <header> и т.д. воспринимаются ИЕ8 как дивы. А он их просто игнорирует! Пришлось заменить все на дивы. Можно, конечно, играться с назначением дефолтных стилей этим новым элементам, но показалось проще вернуть дивы.
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885484
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruck Пришлось заменить все на дивы. Незачем. Есть широко известный костыль html5 shiv, пример использования можно посмотреть на csstemplater.com
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885613
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckИли это из-за хаков для ИЕ6-8?

Да, добавляю filter по градиенту для старых IE и border-radius перестаёт работать в 9-ом, убираю - снова работает.

Выдраный кусок кода из css -

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
.button {
	color:#fff;
	height:36px;
	font-size:16px;
	padding:0 20px;
	line-height:36px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	text-shadow:0 -1px 0 #c57206;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	        border-radius:6px;
	-moz-box-shadow:0px 2px 5px #999;
	-webkit-box-shadow:0px 2px 5px #999;
			box-shadow:0px 2px 5px #999;
	background:#f7a92d;
	background:-moz-linear-gradient(top,  #f7a92d 0%, #cf6517 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a92d), color-stop(100%,#cf6517));
	background:-webkit-linear-gradient(top,  #f7a92d 0%,#cf6517 100%);
	background:-o-linear-gradient(top,  #f7a92d 0%,#cf6517 100%);
	background:-ms-linear-gradient(top,  #f7a92d 0%,#cf6517 100%);
	background:linear-gradient(to bottom,  #f7a92d 0%,#cf6517 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a92d', endColorstr='#cf6517',GradientType=0 );
}



Хочу этот filter (последняя строка) сделать невидимым для IE 9,10, но видимым для IE 7,8.
...
Рейтинг: 0 / 0
word-spacing для inline-block элементов
    #37885708
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
st_st,

тынц может поможет
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / word-spacing для inline-block элементов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]