X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> меню встаёт не правельно
emin313gs
emin313gs
Topic Starter сообщение 11.12.2015, 3:12; Ответить: emin313gs
Сообщение #1


как вставить меню в шапку внизу сайта с помощью bottom ?


[CSS]*
{
margin:0;
padding:0;
}


html,



body
{
width: 100%;
background-color: #fff;
}

.wrap {
width: 100%;
margin: auto;
background-color: #fff;
}

.wrap footer {
background-color: #00979d;
}

html,
body {
height: 100%;
}
.wrap {
min-height: 100%;
position: relative;
}
.wrap [rel="main"] {
padding-bottom: 100px;
}
.wrap footer {
position: absolute;
width:100%;
height: 100px;
left: 0;
bottom: 0;
}
header
{
width:100%;
height:160px;
background-color:#00979d;

}

header img
{
padding:10px 60px;
}
.menu
{
width:100%;
}
.menu ul
{
list-style:none;
padding:0 60px;
}
.menu li
{
display:block;
float:left;
font-family:Arial,sans-serif;
font-size:13px;

}
.menu li a
{
color:#FFFFFF;
text-decoration:none;
padding:10px 15px;
}
.menu li a:hover
{
background-color:#008184;

}

.clear
{
clear:both;
}


.block-news
{
overflow:hidden;
margin:10px 60px;
background-color:#A11dA8;
width:auto;
height:500px;
}
.block1
{
background-color:#9A1A1D;
height:200px;
width:400px;
}
.block2
{
background-color:#9Aff1D;
height:200px;
width:400px;
}[/CSS]
<!doctype html>
<html>
<head>
<meta charset="windows-1251">
<title>Главная</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<div class="wrap">
<header>
<img src="img/logo.png">

<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">???????</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Гавная</a></li>
</ul>
</div>

</header>
<div rel="main">
<div class="block-news"><div class="block2">
</div>
<div class="block1">
</div>
</div>
<footer>
</footer>
</div>
<body>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kinetick
kinetick
сообщение 13.1.2016, 23:00; Ответить: kinetick
Сообщение #2


ты по разметке проверял?кинь скрин того как у тебя выглядит все, у мну твой код норм показует
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
chenix
chenix
сообщение 14.1.2016, 11:01; Ответить: chenix
Сообщение #3


может проще будет в cms все это сделать в какой то?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kinetick
kinetick
сообщение 14.1.2016, 11:02; Ответить: kinetick
Сообщение #4


если будешь все таки cms выбирать, почитат тут http://www.umi-cms.ru/product/

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:51
Дизайн