Войти

Показать полную графическую версию : [решено] Расположение картинки.


fart1
23-11-2008, 23:24
Сделал страницу html. Надо вставить картинку во всю ширину и на самый верх. Как ни пытаюсь остаются поля .Сверху и слева миллиметров по 8,и справа миллиметров 5. Ширину указывал и в процентах и в пикселях.Питался сделать таблицу,и уже в неё вставлять картинку-всё одно и тоже.Подскажите как убрать поля.

Artem-Samsung
23-11-2008, 23:40
CSS:

body {
margin:0;
padding:0;
}
.kartinka {
width:100%;
height:100px;
background:url(pic.jpg) no-repeat;
}

.kartinka h1 {
font-size: 26px;
font-style: italic;
text-align: right;
margin-top: 20px;
margin-right: 20px;
color: blue;
}

HTML:

<body>
<div class="kartinka"><h1>Фотоальбомы!</h1></div>
</body>



pic.jpg - должна быть очень широкая картинка, что бы даже на больших мониторах не заканчивалась :)

fart1, немножко обновил код. Заменил комбинацию position, right на textalign ;) в h1

fart1
24-11-2008, 19:03
Что-то не получается. Если можно поподробей.
Надо вставлятть оба кода,или какой-то один.Если я вставляю HTML ,и вместо "Фотоальбомы" указываю путь к картинке ,то получается опять с полями,как и было.
А с CSS вообще не могу разобраться. Я так понял,что вместо "pic.jpg" я должен указать путь к картинке,что я и делаю.Только картинке не появляется вообще. Что я делаю не так?

Coutty
24-11-2008, 19:32
.kartinka {
width:100%
height:100px;
background:url(pic.jpg) no-repeat;
} »
Пропущена точка с запятой после width:100%

fart1
24-11-2008, 19:57
Вставил точку с запятой,а дальше-то что?

fart1
24-11-2008, 20:38
Вроде разобрался с CSS.Картинка появилась.Слева и вверху нормальн,поля пропали,а справа осталось.Может можно как-то сделать в html? Там вроде-как попроще!

Artem-Samsung
24-11-2008, 21:10
<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0">
<table border="0">

fart1
24-11-2008, 23:03
Artem-Samsung, Спасибо за помощь!Накнец-то получилось то что надо!Только пришлось делать таблицу,и уже в неё вставлять картинку и указывать ширину 100%.Без таблицы картинка не растягивалась во всю ширину.И получалось,что если сделать картинку широкой,для большого экрана,то на меньшем экране не вмещяется.

Artem-Samsung
24-11-2008, 23:11
fart1, Картинку нужно делать фоном в ячейке таблицы. Но картинка должна быть широкой

fart1
25-11-2008, 07:37
Artem-Samsung, Спасибо!




© OSzone.net 2001-2012