 |
Форум вебмастеров на AlfaSpace.NET / Создание сайта / свойства ifame |
| Автор | Сообщение |
| acsid Alfa Guru  2449 |
# Дата: 25 Апр 2006 00:17 1)как сделать чтобы border в ifame небыло видно, словно это одна сраница ? 2)как сделать вместо border картинку?  |
| maxtat pda killer  1507 |
# Дата: 25 Апр 2006 04:16 Может быть iframe?  |
| acsid Alfa Guru 2449 |
# Дата: 25 Апр 2006 06:41 maxtat упс) ну главное что ты меня понял) |
| akimych Участник 1 |
# Дата: 17 Май 2007 19:51 » acsid 1)как сделать чтобы border в ifame небыло видно, словно это одна сраница ?
2)как сделать вместо border картинку? Отвечаю: 1) В описание iframe добавь атрибут farmeborder="0" например, так: <iframe name="mylovelyfreme" src="mylovelypage.html" frameborder="0" scrolling="yes"></iframe> 2) Чтобы использовать в качестве границы картинку, лучше сделать все через CSS - сначала разместить картинку чуть большего размера, чем iframe, а поверх неё положить сам iframe в "другом слое" Например, так: <html> <head> .... <style type="text/css" media="screen"> <!-- .bgrndpict { position: absolute; top: 0px; left: 0px; width: 520px; height: 420px; z-index: 1; } iframe { position: absolute; top: 10px; left: 10px; width: 500px; height: 400px; z-index: 2; } --> </style> </head> <body> <img class="bgrndpict" src="mypict01.jpg"> <iframe name="mylovelyfreme" src="mylovelypage.html" frameborder="0" scrolling="yes"></iframe> </body> </html> Картинка на 20 px больше в высоту и в ширину, а iframe лежит поверх ее на 10 px ниже (считая сверху страницы) и левее (от левого края), т.е. образуются ровные поля по 10px с каждой стороны из "торчащего" из-под iframe рисунка. Недостатком этого способа является то, что картинка такого большого размера слишком долго будет грузиться. Тем более, что ее большая часть не нужна, т.к. будет не видна. Улучшить ситуацию можно, добавив от одной до четырех узких картинок - по одной на каждую сторону. Надо только иправить правила позиционирования, а iframe дать z-index=10 Вопросы? Желаю успехов! Akimych iakim@peterstar.ru |
![[Valid RSS]](valid-rss.png "Validate my RSS feed")