Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Расстрояние между кртинкой и рамкой, padding'ом не выходит 
V
    Опции темы
AtaL
Дата 26.5.2006, 15:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Задача:
Рисунок, вокруг него область по 10ph со всех сторон, залитая неким цветом. Вокруг области - рамка. Все это нужно сделать при помощи одного тега IMG

Вариант:

Код

table.in_5_table p img {
    padding: 15px 15px 15px 15px;
    border: 1px solid #BABCBB;
    background: #F6F6F4;
}


не работает. Такое ощущение, что я туплю.( Помогите, пожалуйста. 
PM   Вверх
Illuminaty
Дата 26.5.2006, 15:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



У меня работает данный стиль
Код

img {
    background-color:#CCCC99;
    padding: 20px;
    border: 2px solid red;
}

Что у тебя не работает? 
PM MAIL ICQ   Вверх
AtaL
Дата 26.5.2006, 15:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Мой вариант отображается в Мозилле, но не в Эксплорере.
Ваш тоже, к сожалению... 
PM   Вверх
Illuminaty
Дата 26.5.2006, 15:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



В IE 6 отлично отображается smile  
PM MAIL ICQ   Вверх
AtaL
Дата 26.5.2006, 16:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Странно. У меня тоже 6й, но в мозилле и эксплорере страницы смотрятся по-разному.(( 
PM   Вверх
andtim
Дата 29.5.2006, 00:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 28.5.2006
Где: Belarus

Репутация: нет
Всего: нет



раньше в стилях случаем не было конструкции типа table img {padding: 0px}?
попробуй переопределить стиль...
Код

    padding: 15px !important;

  

Это сообщение отредактировал(а) andtim - 29.5.2006, 00:37
PM MAIL WWW ICQ   Вверх
AtaL
Дата 29.5.2006, 12:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Не работает даже в просто пустом файле с картинкой и прописанным к ней стилем. 

Код

<html>
    <body>
        <img src="img/foto3.jpg" style=" padding: 10px !important; border: 1px solid black; background: red;"  />
    </body>
</html>


Причем в Мозилле и Опере отображается без проблем.
Отображение зависит от версии Эксплорера?

 И если проблема все же не решится: есть ли какая-нибудь альтернатива этому сопсобу помимо вставки каждой картинки в ячейку таблицы и прописывания фона там?  

Это сообщение отредактировал(а) AtaL - 29.5.2006, 12:52
PM   Вверх
AtaL
Дата 29.5.2006, 14:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Еще одно дополнение: в эксплорере padding работает для всех остальных элементов: ссылок, абзацев... за исключением, похоже, рисунков.
 smile  
PM   Вверх
Str!pe
Дата 29.5.2006, 15:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



AtaL
Пересядь на другую машину, попробуй там тоже самое сверстать... это не шутка, я уже не раз натыкался на то, что у одного работает у другого криво и никак не отображается (вопрос об IE). Если у всех работает а у тебя нет, то проблема не вв верстке а в софте. 


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
EDuard
Дата 29.5.2006, 16:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7



AtaL, У меня тоже не пашет :'( .
А так надо! 


--------------------

PM MAIL WWW ICQ   Вверх
AtaL
Дата 29.5.2006, 16:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Нет, не работает у всех, кроме единичного случая у  Illuminaty )
Вот теперь думаю, нельзя ли как-то по-другому добиться того же эффекта, если тег img нельзя заключать в другие теги... 
PM   Вверх
Illuminaty
Дата 29.5.2006, 16:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



AtaL, а ты вставь такую строчку в начало документа
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

и результат не замедлит сказаться!

Удачи! 
PM MAIL ICQ   Вверх
Str!pe
Дата 29.5.2006, 18:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



Illuminaty
Оригинально! smile А мне программер напарник еще говорит что майкрософт и IE это круто (при том что серваки у него под *nix), что эта строчка лишняя строка, которая не к селу не к городу.

Вообще еще можно для тега IMG попробовать прописать класс, тоже иногда срабатывает в особо идиотских случаях; можно кеширование отменить. 


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
AtaL
Дата 30.5.2006, 13:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 113
Регистрация: 18.2.2006

Репутация: нет
Всего: нет



Illuminaty
*бьется головой о стену* Мат-мат-мат-мат... Долбаный Эксплорер. Заработало.))
Спасибо! 
PM   Вверх
Illuminaty
Дата 30.5.2006, 18:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



Explorer, конечно, не подарок, но про доктайпы знать тоже не мешает smile 
Для ознакомления с вопросом можно поискать по форуму - много раз обсуждали.

Удачи!  

Это сообщение отредактировал(а) Illuminaty - 30.5.2006, 18:43
PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0829 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.