Форум PHP программистов > отцентровать зображение

[ Поиск ] - [ Пользователи ] - [ Календарь ]

REZzANATOR

9.02.2009 - 11:29

Доброго времени товарищи)

Нужен хэлп...
Верстаю шаб.. длина картинки 1900 px ..
нужно воткнуть что бы она(шапка) была по центру ...

Спустя 56 минут, 12 секунд (9.02.2009 - 11:25) stepan написал(а):

Не совсем понял твой вопрос но пробуй через css

PHP

.head{
text-align:center;
}

или table

PHP

<tr><td width="2000px">
<center>
<img src="">
</center>
</td></tr>

или <td align="center">

Спустя 8 минут, 30 секунд (9.02.2009 - 11:34) kirik написал(а):

Цитата (REZzANATOR @ 9.02.2009 - 02:29)

нужно воткнуть что бы она(шапка) была по центру ...

Картинка в шапке, или вся шапка?
Если картинка, то так не получится?

Цитата

background: transparent url('bg.jpg') no-repeat -950px 0px;

Спустя 4 часа, 25 минут, 30 секунд (9.02.2009 - 15:59) REZzANATOR написал(а):

kirik
спасибо, сделал вот так

HTML

iv#header {
height:289px;
width:100%;
background: url(images/header.jpg) no-repeat center;
}

Спустя 23 часа, 38 минут, 51 секунда (10.02.2009 - 15:38) REZzANATOR написал(а):

товарищи и вновь хэлп

верстаю каталог дивами...

делаю вот так

HTML

<div id="img">
<img src="images/pic1.gif" border="0">
</div>
<div id="options">
<div class="name_catalog">Кулирка</div>
<div class="option">Наименование: <span class="options_text">кназвание</span></div>
<div class="option">Плотность: <span class="options_text">2 кг/м³</span></div>
</div>
.....и повторяется

css

HTML

#img {
padding-left: 20px;
padding-top: 20px;
float: left;
margin-right: 40px;
width: 20%;
display:inline;
position:relative;
}

#options {
padding-top: 20px;
float: left;
margin-right: 10px;
width: 20%;
/*border: 1px solid black; */
display:inline;
position:relative;
}

Монитор разрешение 1280 на 1024 .. при таком разрешении каталог нормально отображается ... делаю меньше каталог спалзает..(((
как сверстать дивами каталог((?? хэлп

и еще проблемка.. усть див центр_блок и див футер.. у центра стоит 100% высота.. но почему то текст центра залазиент под див футера?(( как сделать чтобы избавиться от такого?

заранее благодарю

Спустя 29 минут, 22 секунды (10.02.2009 - 16:08) stepan написал(а):

По первому чтобы не сползал можно сделать жесткий каркас(но это при случаи если у тебя дизайн не терпит плавающих велечин ширины и высоты) т.е.
#img{
width:1280px;
height:1024px;
}

А по второму вопросу не понял по конкретней.

Спустя 21 минута, 8 секунд (10.02.2009 - 16:29) REZzANATOR написал(а):

по первому..
каталог должен быть резиновый .. так что не получится выстаиьт фиксированную длину и высоту(

по второму

получается слой подлазиет под нижний слой... не могу длину нормально выставить у сентрального дива...

Спустя 27 минут (10.02.2009 - 16:56) stepan написал(а):

по первому если тебе нужен резиноновый тогда коталог будет смещаться (поэксперементируй css вместе с table)
по второму код покажи

Спустя 5 часов, 32 минуты, 1 секунда (10.02.2009 - 22:28) kirik написал(а):

По второму - где-то у тебя стоит паддинг (или маргин) для центрального дива. Дивы не любят 100%-ных высот/ширин, если у них стоит отступ.

Цитата (REZzANATOR @ 10.02.2009 - 07:38)

каталог спалзает

Как сползает? Может прикрепишь полную темплитку для наглядности?

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.