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

Artem-Samsung · Отправлено: **23:40, 23-11-2008** | #2

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 · Отправлено: **19:03, 24-11-2008** | #3

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

Coutty · Конфигурация компьютера

Цитата Artem-Samsung:

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

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

fart1 · Отправлено: **19:57, 24-11-2008** | #5

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

fart1 · Отправлено: **20:38, 24-11-2008** | #6

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

Artem-Samsung · Отправлено: **21:10, 24-11-2008** | #7

fart1 · Отправлено: **23:03, 24-11-2008** | #8

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

Artem-Samsung · Отправлено: **23:11, 24-11-2008** | #9

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

fart1 · Отправлено: **07:37, 25-11-2008** | #10

Artem-Samsung, Спасибо!