Даже не знаю здесь ли спрашивать

  • Автор темы Автор темы stanlee
  • Дата начала Дата начала
Статус
Закрыто для дальнейших ответов.

stanlee

Участник
Топикстартер
Сообщения
93
Реакции
0
Подскажите пожалуйста можно ли сделать
у картинки в плане html рамку (border) на расстоянии
к примеру (но это чисто шоп)
в первом е нет а во втором есть
можно ли так сделать через css ? или еще какрим способом?
затачивать картинку под определенный размер и подгонять снизу фон с рамкой не пойдет - нужно для любого размера
 

Вложения

  • image1.jpg
    image1.jpg
    106.3 КБ · Просм.: 868
  • image2.jpg
    image2.jpg
    107.2 КБ · Просм.: 773
Ответ: Даже не знаю здесь ли спрашивать

Если я правильно понял вопрос, то:
1. установить фон белым и Image/Canvas size - увеличить на 3 мм в обеих координатах
2. установить фон серым и Image/Canvas size - увеличить на 2 мм в обеих координатах

получится такая рамка.
 
Ответ: Даже не знаю здесь ли спрашивать

Нет ты не правильно понял
речь идет не о фотошопе щас
к тоу же те картинки я сделал - в шопе эт не проблема
 
Ответ: Даже не знаю здесь ли спрашивать

Можно сделать css-ом, но там наткнешься на несовместимость Експлорера со стандартами :) Вечерком отпишу поподробнее. А пока ищи в сторону padding и margins (MSDN потер :( )
 
Ответ: Даже не знаю здесь ли спрашивать

Вот эта картинка. CSS 'width' - это то, как считается ширина по стандарту. IE 'width' - это как ее считал ИЕ вплоть до 5.5 версии. Потом баг исправили, но по умолчанию 6-ка находится в режиме совместимости с предыдущими версиями :) То есть врет точно так же, и похоже, вообще плюёт на padding.
То есть, если вы напишите
<img src="photo.jpg" style="padding:5px; bodred:1px solid #000000">
то рамка будет все равно вплотную к картинке. Чтобы заставить ИЕ нормально обрабатывать css, надо ему написать !doctype такой:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
или такой:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Так что выхода два: первый - делать как положено, и забить на нещасных пользователей 5 и ниже.
Второй - сделать рамку, например, таблицей (геморно конечно, зато везде будет выглядеть примерно одинаково).

ЗЫ нормальные браузеры нормально работают с любым !doctype, так что постарайтесь не нарваться на косяки с размерами! (Т.е. Если сайт нормально выглядит в 5 и 6 ИЕ, это не значит, что он не развалится в Опере. И виновата будет вовсе не Опера ;) )
 

Вложения

  • borderz.png
    borderz.png
    7.7 КБ · Просм.: 821
Статус
Закрыто для дальнейших ответов.