X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> закругленная рамка вокруг картинки!
serhio11
serhio11
Topic Starter сообщение 1.2.2008, 10:07; Ответить: serhio11
Сообщение #1


Имеется масштабируемая по содержимому рамка:

[IMG]http://mobygame.ru/1.png[/IMG]
Как в эту рамку вставить картинку чтобы получилось примерно так:

[IMG]http://mobygame.ru/2.jpg[/IMG]

Т.е. нужно чтобы рамка изменяла размер под размер картинки, углы срезались причем размер картинки не известен.

Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Albert_hb
Albert_hb
сообщение 1.2.2008, 13:53; Ответить: Albert_hb
Сообщение #2


вырежте 4 маленькие картинки углов, сам рисунок вложите в див для которого пропишите в стилях position:relative;, вложите картинки скруглённых углов в этот див и спозиционируйте их абсолютно оносительно дива с исходной картинкой.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serhio11
serhio11
Topic Starter сообщение 1.2.2008, 14:35; Ответить: serhio11
Сообщение #3


(Albert_hb @ 1.2.2008, 15:53) *
вырежте 4 маленькие картинки углов, сам рисунок вложите в див для которого пропишите в стилях position:relative;, вложите картинки скруглённых углов в этот див и спозиционируйте их абсолютно оносительно дива с исходной картинкой.


Картинок наверное не 4, а 8 должно быть (углы + стороны)?
А можно пример?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 1.2.2008, 14:36; Ответить: Webmaster_hb
Сообщение #4


serhio11, читайте про закругления краев таблицы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serhio11
serhio11
Topic Starter сообщение 1.2.2008, 14:52; Ответить: serhio11
Сообщение #5


(Webmaster_hb @ 1.2.2008, 16:36) *
serhio11, читайте про закругления краев таблицы


Такую таблицу я уже давно сделал!
Если в ней текст, то всё нормально ,а мне нужно вставить картинку, чтобы получилось как в первом посте!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 1.2.2008, 21:31; Ответить: Webmaster_hb
Сообщение #6


serhio11, сделайте таблицу с закругленными краями, внутри сделайте фон, а ы центр ячейки вставьте фотографию
растягивать фотографию в центре не советую, т.к. при растягвиании она будет искажаться
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serhio11
serhio11
Topic Starter сообщение 2.2.2008, 11:58; Ответить: serhio11
Сообщение #7


(Webmaster_hb @ 1.2.2008, 23:31) *
serhio11, сделайте таблицу с закругленными краями, внутри сделайте фон, а ы центр ячейки вставьте фотографию
растягивать фотографию в центре не советую, т.к. при растягвиании она будет искажаться


Если вставить картинку в центр ячейки, то получится так:
[IMG]http://mobygame.ru/pic.jpg[/IMG]
А надо как в первом посте.
Вот как я делаю рамку:


<table border="0" cellpadding="0" cellspacing="0">
<tr>
   <td height="6" width="6"><img src="rlefttop.gif" width="6" height="6"></td>
  <td  background="rtop.gif" height="6"></td>
  <td height="6" width="6"><img src="rrighttop.gif" width="6" height="6"></td>
</tr>
<tr>
  <td  background="rleft.gif"></td>
  <td align="left" valign="top">
   <a href="1.html"><img src="1.jpg" border="0"></a></td>
  <td background="rright.gif"></td>
</tr>
<tr>
  <td height="6"><img src="rleftbottom.gif" height="6"></td>
  <td  background="rbottom.gif" height="6"></td>
  <td height="6"><img src="rrightbottom.gif" height="6"></td>
</tr>
</table>


Поправьте где нужно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 2.2.2008, 20:19; Ответить: Diablo_hb
Сообщение #8


serhio11 табличной версткой вы этого не добъетесь
нужно пробовать на дивах
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serhio11
serhio11
Topic Starter сообщение 2.2.2008, 22:21; Ответить: serhio11
Сообщение #9


(Diablo_hb @ 2.2.2008, 22:19) *
serhio11 табличной версткой вы этого не добъетесь
нужно пробовать на дивах


Вот и я тоже так думаю! А Webmaster мне про таблицы! Может всё таки кто нибудь поможет, а то неделю уже парюсь!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 2.2.2008, 22:30; Ответить: Diablo_hb
Сообщение #10


но альберт написал как сделать - но сам прикол что если просто в фотошопе автоматом расстовлять рамки - то все намного оптимизиронваней и кода лишнего нету

тоесть вы делаете то, от чего отказались люди
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27407 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Нужно добавить картинки на сайт
И видео
2 Ksardas777 4092 17.11.2018, 10:41
автор: Intuit89
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНадо поменять картинки кнопки и всё прочее.
Сделать круто, чтобы не стыдно за сайт
0 atavisma 2988 6.4.2017, 19:04
автор: atavisma
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4834 16.7.2016, 17:32
автор: -YroKPROG-


 



RSS Текстовая версия Сейчас: 18.4.2024, 11:00
Дизайн