Форум PHP программистов > Как на шапку сайта наложить сверху картинку

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

Полная Версия: Как на шапку сайта наложить сверху картинку

Basili4

5.08.2010 - 17:24

Есть у меня не сложная разметка шапки сайта состоящая из трех дивов
1. див под логотип
2. див фиксированный там красивый фон
3. див все что осталось
в 3 диве с правого края располагается кнопочка выход и имя пользователя
и все э
то замечательно выглядит. Но надо мне расположить по середине экрана и негде больше картинку с текстом ровно над этой шапкой.
И чето ничего не выходит


<div class="menu">
                    
                     
                                        
                    <div id=Logo><img src="img/logo.png"></div>
			                        
		<div id="text">
                        <img  src="img/text.png" />
                 </div>
                
                    <div id=Header>
					</div>
				
	<div id="Final">
                 
                                <div id='user'></div>
                </div>
                        
                
                </div>

Спустя 13 минут, 42 секунды (5.08.2010 - 16:38) Gesandte написал(а):

Basili4, вроде уже давно на форуме а тему создать нормально не можеш....
Я при всей своей фантазии так и непонял что тебе надо. Нарисуй в фж расположение блоков как тебе надо и желатьльно стили тож скинуть, я хз что там у тебя фикс, а что резина.

Спустя 20 минут (5.08.2010 - 16:58) Michael написал(а):

И с редактором что-то ... Как все раскидало. Если правильно понял то пробуй так:
Этому:
<div class="menu">
- position:relative
размести в нем эту картинку и сделай ей:
- position:absolute
- top - отрицательный на высоту картинки
- left :50%
- margin-left: отрицательная равная половине ширины картинки

Спустя 3 минуты, 18 секунд (5.08.2010 - 17:01) Basili4 написал(а):

Gesandte
Ты че меня будешь учить темы создавать ???
стили скину

.menu { 
position: relative;
float: left;
width: 100%;
margin: 0px;
padding: 0px;
border-width: 0px;
}


#Header 
{
width: 850px;
height:105px;
background: url('../img/header.png');
text-align: left;
float: left;
}

#Logo
{
		width: 150px;
		height:105px;		
		padding: 0px;
		margin: 0px;
		border-style: none;
                float: left;
		
}

#Final
{
height:105px;
background: url('../img/final.png');	
}

А рисовать что прямоугольник предствляешь ??
вот один прямогулоник в верху страницы на все её ширину
вот мне нужен прямо над этим прямоугольником разместить еще один поменьше чтоб он был посередине экрана.

Спустя 2 минуты (5.08.2010 - 17:03) Basili4 написал(а):

Michael
Спасибо

сделал div

#text
{
	position: absolute;
        left: 0px;
        width: 100%;
        text-align: center;
}

Правило такое все стало как хотел

Спустя 1 час, 11 минут, 8 секунд (5.08.2010 - 18:14) Gesandte написал(а):

Цитата (Basili4 @ 5.08.2010 - 14:01)

Gesandte
1. Ты че меня будешь учить темы создавать ???
2. стили скину

1. Ну и что ты мне чекаеш?
Я тебе говорю что с таким описанием траблы, ты сам себе будеш ........................ мозг как ее решить, потому что другим нихера неясно что тебе надо.

2. Вот этой фразой ты что ли мне одолжение делаеш? Это тебе надо, а не мне.

Спустя 44 минуты, 1 секунда (5.08.2010 - 18:58) glock18 написал(а):

Тем не менее ему подсказали и по тому, что он предоставил

Basili4, Gesandte прав касательно того, что проблема недостаточно полно описана.

Gesandte, еще увижу одно сообщение, содержащее мат, получишь бан.

Спустя 2 часа, 14 минут, 56 секунд (5.08.2010 - 21:13) Gesandte написал(а):

Цитата (glock18 @ 5.08.2010 - 15:58)

1. Тем не менее ему подсказали и по тому, что он предоставил

2. Gesandte, еще увижу одно сообщение, содержащее мат, получишь бан.

1. glock18, все же если посмотреть, на ответ Michael и то решение, которое сюдя по всему и нужно было, написанное самими ТС, то ничего общего между данными решениями нет) Я там вообще в "решении" не вижу никакого центрирования блока, а вижу лишь выравнивание содержимого по центру

И так и непойму нахрен там в этом случае позиционировать блок

Еще очень радует атрибут флоат у меню, при том что там сам блок 100% в ширину, спрашивается что обтекать его будет......)

Одним словом, как в таком случае принято говорить что у ТС каша в голове)

2. Договорились

Спустя 1 минута, 50 секунд (5.08.2010 - 21:15) Basili4 написал(а):

glock18
Ну я консерваториев не кончал. Романы писать не умею. Как мог так и объяснил а челу если что не понятно мог бы и уточнить.

Спустя 51 секунда (5.08.2010 - 21:16) Basili4 написал(а):

Gesandte
Если не видишь это не значит что этого нет.

_____________

Цитата

От постоянного сидения рядом с клавиатурой начинает болеть спина.

Делаю сайты, пишу скрипты php, js.

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

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