Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/17: Рейтинг темы: голосов - 17, средняя оценка - 4.71
pixel
18 / 11 / 4
Регистрация: 19.05.2009
Сообщений: 1,663
1

Создать блок справа

19.07.2013, 19:01. Просмотров 3201. Ответов 4
Метки нет (Все метки)

Приветствую.
Есть вот такой код меню навигации:
Код HTML
HTML5
1
2
3
4
5
6
7
8
<div class="nav">
<ul class="menu">
<li><a class="active" href="some_path"><span><span>Menu0</span></span></a></li>
<li class="page_item page-item-91"><a href="some_path"><span><span>Menu1</span></span></a></li>
<li class="page_item page-item-89"><a href="some_path"><span><span>Menu2</span></span></a></li>
<li class="page_item page-item-24"><a href="some_path"><span><span>Menu3</span></span></a></li>
</ul>
</div>

Код CSS
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.nav
{
  position: relative;
  margin: 0  auto;
  width: 1086px;
  height: 28px;
  z-index: 100;
}
 
.menu, .menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
 
.menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}

Подскажите, как мне создать блок в панели меню справа, для размещения в нем поиска?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.07.2013, 19:01
Ответы с готовыми решениями:

Выезжающий блок справа
Люди добрые подскажите пожалуйста: я хочу сделать выезжающий блок(roof_help)...

Расположить левый блок по центру страницы, а правый справа от него
Пока получилось только так &lt;div&gt; &lt;div class=&quot;okno&quot;&gt; 213 &lt;/div&gt; &lt;div...

Создать блок без обтекания
Как создать блок без обтекания, и чтобы он перекрывал ту часть страницы, на...

Как создать блок с контентом?
Скажите пожалуйста как сделать типа такого блока чтоб я мог управлять контентом...

Создать кнопку и раскрывающийся блок
Пытаюсь создать такую кнопку как на сайте...

4
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
19.07.2013, 19:37 2
а не легче сделать добавить еще один див для поиска и два дива меню и поиск обернуть в общий див с полной шириной сайта и затем с помощью float вставить их - и ни каких проблем.

Добавлено через 1 минуту
приблизительно вот так
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="wrap">
<div class="nav">
<ul class="menu">
<li><a class="active" href="some_path"><span><span>Menu0</span></span></a></li>
<li class="page_item page-item-91"><a href="some_path"><span><span>Menu1</span></span></a></li>
<li class="page_item page-item-89"><a href="some_path"><span><span>Menu2</span></span></a></li>
<li class="page_item page-item-24"><a href="some_path"><span><span>Menu3</span></span></a></li>
</ul>
</div>
<div class="poisk">
 
</div>
</div>


Добавлено через 1 минуту
а дальше с помощью маржинов выставить по горизонтали как нужно и окэй

Добавлено через 1 минуту
Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
.wrap
{
  position: relative;
  margin: 0  auto;
  width: 1086px;
  height: 50px;
  
}
.poisk
{
  position: relative;
  margin-right:50px;;
  width: 400px;
  height: 28px;
  float:right;
  
}
.nav
{
  position: relative;
  
  margin-left:50px;
  width: 500px;
  height: 28px;
   float:left;
}
 
.menu, .menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
 
.menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}


Добавлено через 32 секунды
вот так как то - но уже отрегулировать можно под ваши нужды
1
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
19.07.2013, 20:40 3
только поиск сразу под меню настраивай, а то извечная беда по отцентровке
0
pixel
18 / 11 / 4
Регистрация: 19.05.2009
Сообщений: 1,663
19.07.2013, 20:54  [ТС] 4
у меня меню небольшое - запас есть, а поиск чисто 300 пикселей.
0
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
20.07.2013, 10:12 5
там обычно с высотой проблемы =)
0
20.07.2013, 10:12
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.07.2013, 10:12

Создать блок с висотой не меньше заданой
Помогите по такому вопросу. Сайт(если ето можно так назвать) с двух блоков....

Создать блок-схему для разрабатываемого сайта
Здравствуйте. Для диплома нужна блок-схема сайта. Может кто-нибудь показать...

Как создать вогнутый блок и вставить в выемку фотографию
как создать вогнутый блок и вставить в выемку фотографию. Набросала схему,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru