Нужна помощь!

Diego · June 3, 2009

Здравствуйте всем! Я только начинаю постигать азы web-программирования и мне нужна помощь и советы от знающих людей. Такой вопрос: как сделать так, чтобы рисунок растягивался по содержимому. И был на всю страницу. Например, на ноуте 15" он на всю, а на 19" чуть больше, чем наполовину экрана. Не знаю, что делать..... http://www.megaupload.com/?d=1FZJJ17Z - сайт

Edited June 3, 2009 by Diego

psywalker · June 3, 2009

залей на сервак к себе или на бесплатный хост, качать всем в лом будет))

Diego · June 3, 2009

psywalker said:
залей на сервак к себе или на бесплатный хост, качать всем в лом будет))

залил на аплоад.... нужна помощь! ночами не сплю..... ))

psywalker · June 3, 2009

поставь рисунку ширину и высоту 100%

Diego · June 4, 2009

psywalker said:
поставь рисунку ширину и высоту 100%

Поставил я в css heigh:100%; width: 100%;

и получилось такое... полоса прокрутки почему-то появилась. Рисунок: 766 на 750 px(изображение на 17" мониторе)

Изображение

psywalker · June 4, 2009

хм..странно, нука давайка свой код позырить, чё это ты там такое интересное пишешь

Edited June 4, 2009 by psywalker

s0rr0w · June 4, 2009

Нет ничего странного, у страницы есть паддинги или марджины

Payne · June 5, 2009

Нет там ничего такого, просто картинка по высоте больше окна браузера. От этого и полоса прокрутки.

Diego · June 5, 2009

Payne said:
Нет там ничего такого, просто картинка по высоте больше окна браузера. От этого и полоса прокрутки.
Полоса прокрутки там горизонтальная(см изображение). Рисунок 766 на 750пикселей
2 psywalker
Вот мой код:
код хтмл и css

psywalker · June 5, 2009

Diego

Quote
2 psywalker
Вот мой код:
код хтмл и css

обманул, нет там твоего кода

Павел Билькис · June 5, 2009

расшифровываю - http://ifolder.ru/12491644

psywalker · June 5, 2009

Смотри, тебе задание, выяви причину сам. Подсказка, проблема в этом правиле:

div.fon

{position: absolute;

margin-left: 19%;

top: 0%;

width: 100%;

height: 100%;

}

Diego · June 5, 2009

psywalker said:
Смотри, тебе задание, выяви причину сам. Подсказка, проблема в этом правиле:
div.fon
{position: absolute;
margin-left: 19%;
top: 0%;
width: 100%;
height: 100%;
}

Если я уберу margin-left, то у меня уберется полоса прокрутки(горизонтальная), но в тоже время мне нужно отцентрировать моё изображение(чтобы в любых броузерах было по центру и на любых экранах)..... Тогда как мне отцентрировать картинку, чтобы не появилась полоса прокрутки...??

И ещё вопросик. Как мне обозначить область контента(белая)??

сайт .psd - http://ifolder.ru/12492055

psywalker · June 5, 2009

извини друг, нет времени, а картинке просто напиши:

width: ... ;

margin: 0 auto;

display: block;

Diego · June 5, 2009

psywalker said:
извини друг, нет времени, а картинке просто напиши:
width: ... ;
margin: 0 auto;
display: block;

Ничего, я подожду, напиши как будет время.

psywalker · June 5, 2009

1) так короче меню помести в шапку, самой шапке задай фон верхний с repeat-x;

2) Область контента сама по себе будет белая, так как фон у body ты пропишешь: body{background: #fff;}

3) Ну а за контентом будет Футер, опятьже с фоном-градиентом, как в Шапке

4) Ну а насчёт картинки просто вынь её из div, пропиши то, что я тебе говорил ей, и всё,она отцентрируется, как тебе нужно

Diego · June 8, 2009

psywalker said:
1) так короче меню помести в шапку, самой шапке задай фон верхний с repeat-x;
2) Область контента сама по себе будет белая, так как фон у body ты пропишешь: body{background: #fff;}
3) Ну а за контентом будет Футер, опятьже с фоном-градиентом, как в Шапке
4) Ну а насчёт картинки просто вынь её из div, пропиши то, что я тебе говорил ей, и всё,она отцентрируется, как тебе нужно

Честно, я ничего не понял.... ВОТ МОЙ КОД ЕЩЁ РАЗ!

CSS

div.fon
{position: absolute; 

top: 0%;
width: 100%;
height: 100%;
}

div.content
{margin-top: 100px;
margin-left: 17%;
color: white;}

body
{
overflow: auto;
margin: 0%; 
background-image: url('12.jpg');
 }

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="styles.css" type="text/css" rel="stylesheet">

</head>
<body>
<div class="fon"><img src="f.gif"></div>

<div class="content"> asasasassasasas </div>
</body>

</html>

Можно ли поподробнее... пожалуйста..

Sign In

Нужна помощь!

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information