[решено] Расположение картинки.

Ответить
Аватара пользователя
fart1

[решено] Расположение картинки.

Сообщение fart1 »

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

[Расширение jpg было запрещено, вложение больше недоступно.]

Аватара пользователя
Artem-Samsung

Re: [решено] Расположение картинки.

Сообщение Artem-Samsung »

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:

Код:

Код: Выделить всё

Фотоальбомы!


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

fart1, немножко обновил код. Заменил комбинацию position, right на textalign Изображение в h1
Аватара пользователя
fart1

Re: [решено] Расположение картинки.

Сообщение fart1 »

Что-то не получается. Если можно поподробей.

Надо вставлятть оба кода,или какой-то один.Если я вставляю HTML ,и вместо "Фотоальбомы" указываю путь к картинке ,то получается опять с полями,как и было.

А с CSS вообще не могу разобраться. Я так понял,что вместо "pic.jpg" я должен указать путь к картинке,что я и делаю.Только картинке не появляется вообще. Что я делаю не так?
Аватара пользователя
Coutty

Re: [решено] Расположение картинки.

Сообщение Coutty »

Цитата Artem-Samsung:



.kartinka {

width:100%

height:100px;

background:url(pic.jpg) no-repeat;

}
[решено] Расположение картинки.




Пропущена точка с запятой после width:100%
Аватара пользователя
fart1

Re: [решено] Расположение картинки.

Сообщение fart1 »

Вставил точку с запятой,а дальше-то что?
Аватара пользователя
fart1

Re: [решено] Расположение картинки.

Сообщение fart1 »

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

Re: [решено] Расположение картинки.

Сообщение fart1 »

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

Re: [решено] Расположение картинки.

Сообщение Artem-Samsung »

fart1, Картинку нужно делать фоном в ячейке таблицы. Но картинка должна быть широкой
Ответить

Вернуться в «Вебмастеру»