Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML IE img / 25 сообщений из 25, страница 1 из 1
04.09.2013, 23:23
    #38387270
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
делаю

Код: html
1.
2.
3.
4.
5.
6.
7.
<img src="pic.jpg">

img {

 width: 150px;

}



Нормальные браузеры растягивают изображение по вертикали, пропорционально ширине, а
факен эксплорер - только по ширине. втф? как с этим бороться?
...
Рейтинг: 0 / 0
04.09.2013, 23:47
    #38387282
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4mo,

Тынц.
Бтв, ИЕ10 всё правильно делает.
...
Рейтинг: 0 / 0
04.09.2013, 23:52
    #38387286
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
EDIT: Пошел включил ИЕ9 -- он у меня тоже всё правильно делает. Так что давайте полный текст неработающего случая в студию, у Вас там явно что-то еще помимо width есть.
...
Рейтинг: 0 / 0
05.09.2013, 08:21
    #38387378
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
The_ShadoW,

Код: css
1.
2.
3.
4.
5.
6.
{
 left: 50%;
 top: 172px;
 margin-left: -169px;
 position: fixed;
}
...
Рейтинг: 0 / 0
05.09.2013, 08:33
    #38387387
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
чёт да, реально косяк где-то... буду вести расследование.
...
Рейтинг: 0 / 0
05.09.2013, 08:35
    #38387388
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
долго ковырять не стал, прописал height:auto - всё ок стало... наверное, что-то где-то унаследовалось неявное.
...
Рейтинг: 0 / 0
05.09.2013, 08:49
    #38387398
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
тогда, загадка по-сложнее

Код: html
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.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>

<style>


			img {
				
				margin:7px 7px 0px 7px;
				width:110px;
				height:auto;
				box-shadow: 2px 2px 6px #8C8CB8;
				
			}
			
			img:hover {
			
				position:relative;
				left:-2px;
				top:-2px;
				box-shadow: 4px 4px 8px #8C8CB8;
				
			}	

</style>

<body>
<a href=#><img src=1.jpg></a>
</body>
</html>



если держать мышку с правого края картинки, происходит трэшняк. как обойти?
...
Рейтинг: 0 / 0
05.09.2013, 09:03
    #38387411
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moесли держать мышку с правого края картинки, происходит трэшняк. как обойти?убрать img:hover
...
Рейтинг: 0 / 0
05.09.2013, 09:09
    #38387418
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moесли держать мышку с правого края картинки, происходит трэшняк. как обойти?
Как вариант...

тогда, загадка по-сложнее

Код: html
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.
26.
27.
28.
29.
30.
31.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
a {
	padding-left: 2px;
}
img {
	margin:7px 7px 0px 7px;
	width:110px;
	height:auto;
	box-shadow: 2px 2px 6px #8C8CB8;
}
a:hover > img {
	position:relative;
	left:-2px;
	top:-2px;
	box-shadow: 4px 4px 8px #8C8CB8;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<a href=#><img src='http://cdn.sql.ru/css/images/logo.gif' /></a>
</body>
</html>
...
Рейтинг: 0 / 0
05.09.2013, 09:10
    #38387419
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
ура.
вместо position сделал transform:translate(-2;-2)
=)
...
Рейтинг: 0 / 0
05.09.2013, 09:14
    #38387423
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moура.
вместо position сделал transform:translate(-2;-2)
=)
а , нифига, просто не сработал сдвиг....
...
Рейтинг: 0 / 0
05.09.2013, 09:31
    #38387435
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
и последний вопрос:

Код: html
1.
2.
3.
<div class="min">
<a href="#"><img src="1.jpg"></a>
</div>



не хочет так селектить:
Код: css
1.
2.
3.
4.
5.
min img {

	width:110px;
				
}



и так тоже не хочет:
Код: css
1.
2.
3.
4.
5.
min>a>img {

	width:110px;
				
}


а так селектит:
Код: css
1.
2.
3.
4.
5.
a>img {

	width:110px;
				
}




у меня много ссылок-картинок, каждой вставлять название класса - не айс, хочется в одном блоке объединить.
...
Рейтинг: 0 / 0
05.09.2013, 09:34
    #38387438
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moа так селектитвот и прекрасно, цель достигнута
а проблема-то в чем?
...
Рейтинг: 0 / 0
05.09.2013, 09:35
    #38387439
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
ааа тупица, точку забыл поставить перед названием класса.
...
Рейтинг: 0 / 0
05.09.2013, 09:35
    #38387440
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moи последний вопрос:

Код: html
1.
2.
3.
<div class="min">
<a href="#"><img src="1.jpg"></a>
</div>



не хочет так селектить:
Код: css
1.
2.
3.
4.
5.
min img {

	width:110px;
				
}


А ты делай правильно

Код: css
1.
2.
3.
.min img {
	width:110px;
}
...
Рейтинг: 0 / 0
05.09.2013, 09:36
    #38387441
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
чспасибо за помощь.
...
Рейтинг: 0 / 0
05.09.2013, 09:50
    #38387456
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
krvsa,

блин, всё казалось-бы, круто, но стоило мне поменять логотип sql на свой джпег, как проблема вернулась.
...
Рейтинг: 0 / 0
05.09.2013, 09:51
    #38387457
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
а в эксплорере и с логотипом sql трэшняк....
печаль беда
...
Рейтинг: 0 / 0
05.09.2013, 09:53
    #38387459
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moа в эксплорере и с логотипом sql трэшняк....нету никакого трешняка
...
Рейтинг: 0 / 0
05.09.2013, 09:58
    #38387463
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
a {
//padding-left: 2px;
display:block;
}

вот, что помогло
...
Рейтинг: 0 / 0
05.09.2013, 10:01
    #38387466
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
Паганель,

у меня 9.0.11 , и трэшняк.
...
Рейтинг: 0 / 0
05.09.2013, 10:07
    #38387477
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moПаганель,

у меня 9.0.11 , и трэшняк.это старье давно пора выкинуть на помойку
...
Рейтинг: 0 / 0
05.09.2013, 10:12
    #38387486
4mo
4mo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
Паганель,

эксплорер вообще давно пора выкинуть и удалить все упоминания о нём =)
...
Рейтинг: 0 / 0
05.09.2013, 10:41
    #38387527
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
4moу меня 9.0.11 , и трэшняк.
Я на ИЕ8 смотрел - нормально было...
...
Рейтинг: 0 / 0
05.09.2013, 10:43
    #38387530
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML IE img
krvsaЯ на ИЕ8 смотрел - нормально было...
Хотя - нет, фигня...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML IE img / 25 сообщений из 25, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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