Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Рамка на изображение
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Рамка на изображение

Страниц (1): [1]
 

1. Бублик - 25 Января, 2009 - 14:31:19 - перейти к сообщению
Есть вот такой html код

CODE (text):
скопировать код в буфер обмена
  1. <td>
  2.  
  3. <img src="i/qd3n8.jpg" width="104" height="106" />
  4.  
  5. <span style="border: 0px; position: relative; top: -106; left: 0; display: block; width: 104px; height: 106px; margin: 0; background: url(/i/brd.png) no-repeat 0 0;"></span>
  6.  
  7. </td>


То есть на изображение накладывается рамка. Но почему то под изображением на которое накладываем остается пространство равное width="104" height="106", т.е. ширине и высоте рамки. Я считаю что дело в <span>, но не знаю как исправить.
2. valenok - 25 Января, 2009 - 18:51:44 - перейти к сообщению
Помоему картинку нужно сунуть в див и поставить ей маргин с толщину рамки.
А диву прикрепить твой фон.
3. Бублик - 26 Января, 2009 - 08:29:42 - перейти к сообщению
Не понял. У меня что у картинки, что у рамки один размер w - 104, h - 106. Можно на примере.
4. valenok - 26 Января, 2009 - 08:42:00 - перейти к сообщению
Не понял, что рамка делает? Если её скрывает изображение
5. Бублик - 26 Января, 2009 - 08:48:48 - перейти к сообщению
Рамка делает закругленные края у изображения. Она по идее должна быть сверху изображения.
6. Stierus - 26 Января, 2009 - 09:48:04 - перейти к сообщению
Мне кажется, это из-за того, что вс внутри таблицы - браузер неверно обрабатывает размеры.

PHP:
скопировать код в буфер обмена
  1. <td>
  2. <span style="border: 0px; position: relative; top: 0; left: 0; display: block; width: 104px; height: 106px; margin: 0; background: url(/i/brd.png) no-repeat 0 0;">
  3.     <img src="i/qd3n8.jpg" width="104" height="106" />
  4. </span>
  5. </td>


так точно всё норм будет Улыбка
7. Бублик - 26 Января, 2009 - 10:46:07 - перейти к сообщению
Нет. Теперь размеры в норме, но рамка не обрамляет изображение (типа и нет её).
8. Stierus - 26 Января, 2009 - 11:17:59 - перейти к сообщению
тогда местами поменять надо : изображение - фон, рамка - внутри спана Улыбка)
9. Бублик - 26 Января, 2009 - 11:20:02 - перейти к сообщению
Можно на примере кода показать.
10. Stierus - 26 Января, 2009 - 11:22:06 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1. <td>
  2. <span style="border: 0px; position: relative; top: 0; left: 0; display: block; width: 104px; height: 106px; margin: 0; background: url(i/qd3n8.jpg) no-repeat 0 0;">
  3.     <img src="/i/brd.png" width="104" height="106" />
  4. </span>
  5. </td>
11. Бублик - 26 Января, 2009 - 11:30:35 - перейти к сообщению
Гы Улыбка It's works! Thank's!

 

Powered by ExBB FM 1.0 RC1