|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
11.07.2010, 16:31 | #1 |
Новичок
Джуниор
Регистрация: 11.07.2010
Сообщений: 1
|
Плавающие элементы шапки
Привет всем!
Помогите разрешить такой вопрос: есть у сайта на wordpress шапка, вот такая Необходимо сделать так, чтобы три текстовых группы, которые сейчас прибились к левому краю, располагались в плавающем режиме, в зависимости от ширины окна браузера. То есть "DESIGN Bureau | Design studio" так и остается прилепленным слева, а вот "categories(select category)" должно быть прикреплено к правому краю, а серединный элемент "menu/home/contacts/design bureau" должен всегда находиться по центру, выравниваясь по ширине окна браузера. Вот кусочек кода style.css, ответственный за шапку. Поскажите пожалуйста, где допущена ошибка и как исправить. Код HTML:
/* Template -------------------------------------------------------------------*/ #header { background:#232323; width:100%; height:55px; position:fixed; top:0; left:0; z-index:100; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4); overflow:hidden; } #wrapper { padding:20px; clear:both; position:relative; z-index:50; top:60px; } #contentwrap { position:relative; } #coreContent { width:818px; margin:0 auto; } #content { width:820px; float:none; } #sidebar { width:0px; float:none; } #foliogrid { margin-left:65px 0 60px -1px; _margin-left:-30px 0 0 15px; } /* Header -------------------------------------------------------------------*/ #header div { float:left; margin:0; padding:20px 0 20px 30px; color:#777; text-shadow:none; } #header form { float:left; margin:0; padding:0; } #header h3 { text-transform:uppercase; padding:0; float:left; margin:0 10px 0 35px; } #header p { padding:0; margin:0; } #header a { color:#e2e2e2; font-style:italic; text-decoration:none; } #header a:hover { text-decoration:underline; } #header input, #header select { background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:3px; margin:-4px 0 0 0; border:0; color:#666; font-size:11px; font:11px/1em Georgia, "Times New Roman", Times, serif; color:#555; float:left; } #header input { width:auto; } #header ul { list-style:none; padding:0; margin:0; float:left; } #header ul li { float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; } #header ul li.first { border-left:0; padding:30; margin:0; } .blogInfo { text-transform:uppercase; font-size:14px; } Последний раз редактировалось SkyM@n; 11.07.2010 в 17:07. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Код шапки сайта. | ariya | HTML и CSS | 5 | 25.05.2010 00:17 |
Размер шапки сайта | stenl1 | HTML и CSS | 5 | 18.05.2010 18:26 |
1.Найти в матрице первую строку, все элементы которой отрицательны 2.отсортировать элементы массива по в | w0lf16 | Помощь студентам | 2 | 22.11.2009 15:47 |
Создание шапки в файле | s070308 | Microsoft Office Excel | 0 | 30.03.2009 11:05 |