Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   [решено] Расположение картинки. (http://forum.oszone.net/showthread.php?t=123889)

fart1 23-11-2008 23:24 961405

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

Artem-Samsung 23-11-2008 23:40 961425

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 962319

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

Coutty 24-11-2008 19:32 962346

Цитата:

Цитата Artem-Samsung
.kartinka {
width:100%
height:100px;
background:url(pic.jpg) no-repeat;
} »

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

fart1 24-11-2008 19:57 962366

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

fart1 24-11-2008 20:38 962416

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

Artem-Samsung 24-11-2008 21:10 962465

<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0">
<table border="0">

fart1 24-11-2008 23:03 962567

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

Artem-Samsung 24-11-2008 23:11 962569

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

fart1 25-11-2008 07:37 962764

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


Время: 03:03.

Время: 03:03.
© OSzone.net 2001-