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

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

img {

 width: 150px;

}



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

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

Код: css
1.
2.
3.
4.
5.
6.
{
 left: 50%;
 top: 172px;
 margin-left: -169px;
 position: fixed;
}
...
Рейтинг: 0 / 0
HTML IE img
    #38387387
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
чёт да, реально косяк где-то... буду вести расследование.
...
Рейтинг: 0 / 0
HTML IE img
    #38387388
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
долго ковырять не стал, прописал height:auto - всё ок стало... наверное, что-то где-то унаследовалось неявное.
...
Рейтинг: 0 / 0
HTML IE img
    #38387398
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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.
<!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
HTML IE img
    #38387411
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
4moесли держать мышку с правого края картинки, происходит трэшняк. как обойти?убрать img:hover
...
Рейтинг: 0 / 0
HTML IE img
    #38387418
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
HTML IE img
    #38387419
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
ура.
вместо position сделал transform:translate(-2;-2)
=)
...
Рейтинг: 0 / 0
HTML IE img
    #38387423
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
4moура.
вместо position сделал transform:translate(-2;-2)
=)
а , нифига, просто не сработал сдвиг....
...
Рейтинг: 0 / 0
HTML IE img
    #38387435
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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.
4.
5.
min>a>img {

	width:110px;
				
}


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

	width:110px;
				
}




у меня много ссылок-картинок, каждой вставлять название класса - не айс, хочется в одном блоке объединить.
...
Рейтинг: 0 / 0
HTML IE img
    #38387438
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
4moа так селектитвот и прекрасно, цель достигнута
а проблема-то в чем?
...
Рейтинг: 0 / 0
HTML IE img
    #38387439
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
ааа тупица, точку забыл поставить перед названием класса.
...
Рейтинг: 0 / 0
HTML IE img
    #38387440
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
HTML IE img
    #38387441
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
чспасибо за помощь.
...
Рейтинг: 0 / 0
HTML IE img
    #38387456
4mo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4mo
Гость
krvsa,

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

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

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

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

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


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