Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Картинку задвинуть за экран

Обсуждение темы Картинку задвинуть за экран в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте Есть проблема, пытаюсь задвинуть картинку в футоре за экран, что бы половинка торчала, это не просто картинка, картинка товара, потому сразу обрезать ...


Закрытая тема
 
Опции темы
Старый 30.09.2009, 23:54   #1
Здравствуйте
Есть проблема, пытаюсь задвинуть картинку в футоре за экран, что бы половинка торчала, это не просто картинка, картинка товара, потому сразу обрезать не могу
Код:
<style>
#footer div.left_f {
border:1px solid;
float:left;
margin-left:2%;
position:relative;
top:35px;
width:18%;
}
div.left_f div.image {
left:0;
margin-bottom:-10px;
position:absolute;
}
</style>
<div class="left_f">
<div class="image">
<a href="http://artoff/product_info.php?products_id=4">
<img alt="LabelWriter 400 Turbo" src="images/product_images/thumbnail_images/4_0.jpg"/>
</a>
</div>
</div>
картинка опускается, но скролинг продолжается
 
Старый 30.09.2009, 23:54
Ссылки
Старый 01.10.2009, 08:19   #2
Гляньте сюда: http://htmlbook.ru/css/overflow.html
 
Старый 01.10.2009, 16:05   #3
поставил ни какого результата, не в диве же скролинг появляется
я имел ввиду про скролинг страницы
 
Старый 01.10.2009, 16:28   #4
А в чем проблема? Сделайте див размером со страницу, и туда уже все пихайте.
 
Старый 01.10.2009, 16:59   #5
Цитата:
Сообщение от Scroll Посмотреть сообщение
А в чем проблема? Сделайте див размером со страницу, и туда уже все пихайте.
вас не понял, в смысле размером со страницу
 
Старый 01.10.2009, 17:31   #6
наверное W 100%, H 100%

Добавлено через 12 минут

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style>
.style1
{ overflow: hidden;
width:50%;
height:50%;  }
</style>
</head>
<body>
<div style="width:100%; height:100%;">
<div class="style1"> <img src="../gameland.jpg" />
</div>
</div>
</body>
</html>
ну а див в котором картинка уже отпозиционируйте как вам нужно

Последний раз редактировалось vitaly-go; 01.10.2009 в 17:31.. Причина: Добавлено сообщение
 
Старый 01.10.2009, 18:58   #7
Именно.
 
Старый 01.10.2009, 18:58
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При экспорте в .avi показывает белый экран Simbioz Технологии Flash 7 02.12.2009 17:30
Html форма ---> вывод данных на экран с помощью Php Zuzu ASP, Perl, PHP и MySQL 7 24.03.2007 14:03
Как его обратно задвинуть Begemot Технологии Flash 1 11.03.2005 02:30
Скрипт для автоматической подгонки сайта под экран пользователя mic ASP, Perl, PHP и MySQL 4 13.02.2005 17:11
Запретить окну разворачиваться на весь экран... apollo-21 Технологии Flash 2 29.11.2004 14:34


Текущее время: 12:09. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум