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

life24x7 · 30.09.2009, 23:54

Здравствуйте
Есть проблема, пытаюсь задвинуть картинку в футоре за экран, что бы половинка торчала, это не просто картинка, картинка товара, потому сразу обрезать не могу

Код:

<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>

картинка опускается, но скролинг продолжается

Scroll · 01.10.2009, 08:19

Гляньте сюда: http://htmlbook.ru/css/overflow.html

life24x7 · 01.10.2009, 16:05

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

Scroll · 01.10.2009, 16:28

А в чем проблема? Сделайте див размером со страницу, и туда уже все пихайте.

life24x7 · 01.10.2009, 16:59

Цитата:

Сообщение от Scroll

А в чем проблема? Сделайте див размером со страницу, и туда уже все пихайте.

вас не понял, в смысле размером со страницу

vitaly-go · 01.10.2009, 17:31

наверное 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>

ну а див в котором картинка уже отпозиционируйте как вам нужно

Scroll · 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

30.09.2009, 23:54	#1
life24x7	Здравствуйте Есть проблема, пытаюсь задвинуть картинку в футоре за экран, что бы половинка торчала, это не просто картинка, картинка товара, потому сразу обрезать не могу Код: <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> картинка опускается, но скролинг продолжается

01.10.2009, 08:19	#2
Scroll	Гляньте сюда: http://htmlbook.ru/css/overflow.html

01.10.2009, 16:05	#3
life24x7	поставил ни какого результата, не в диве же скролинг появляется я имел ввиду про скролинг страницы

01.10.2009, 16:28	#4
Scroll	А в чем проблема? Сделайте див размером со страницу, и туда уже все пихайте.