0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2924 Просмотров
*

Катюничка

  • Осваиваюсь на форуме
  • 38
  • 2 / 0
Добрый вечер.
Подскажите пожалуйста логотип съезжает вправо или влево относительно всего сайта.
Сайт: http://dubravushka-mebel.com.ua/

Часть кода template.css для лого

Цитировать
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
   background: #fbf5fa;
   color: #fbf5fa;
   line-height: normal;
   height: 90px;
}
#ja-header {
   position: relative;
   height: 90px;
background: url(../images/header/logo.jpg) no-repeat top center;
}
.ja-headermask {
width: 1024px;
   display: block;
background: url(../images/header/logo.jpg) no-repeat top center;
height: 90px;
   position: absolute;
   top: 0;
}
#ja-header a {
   color: #fbf5fa;
}
h1.logo, h1.logo-text {
   margin: 0 0 0 5px;
   padding: 0;
   font-size: 180%;
   text-transform: uppercase;
}
h1.logo a {
   width: 80px;
   display: block;
background: url() no-repeat;
   height: 80px;
   position: relative;
   z-index: 100;
}
h1.logo a span {
   position: absolute;
   top: -1000px;
}
h1.logo-text a {
   color: #CCCCCC !important;
   text-decoration: none;
   outline: none;
   position: absolute;
   bottom: 40px;
   left: 5px;
}
p.site-slogan {
   margin: 0;
   padding: 0;
   padding: 2px 5px;
   color: #FFFFFF;
   background: #444444;
   font-size: 92%;
   position: absolute;
   bottom: 20px;
   left: 0;
}

И как горизонтальное меню в 2 колонки которое, растянуть на всю ширину сайта, чтобы они не кучковались слева ))) а красиво было по всей длине под лого.

Подскажите пожалуйста что надо подправить.
Заранее спасибо.
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
logo я так понял это текст дубравушка
h1.logo a span {
   position: absolute;
   top: -1000px;
}
замените -1000 на 20 скажем.
А с меню там посложнее будет. Сходу не получится, да и вообще трудно его на всю ширину растянуть.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Катюничка

  • Осваиваюсь на форуме
  • 38
  • 2 / 0
Efanych да лого это вот та вся верхняя фиолетовая картинка, пойду попробую

А не помогло ((((

Впервые с таким сталкиваюсь.

А если ячейкам меню задать например определенную ширину, это как-то можно организовать?
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
А. всся картинка...
Это нужно в
#ja-header, #ja-mainnav, #ja-container, #ja-botsl, #ja-footer {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 97%;
 }
97% поменять на 1024px
Создание сайтов, шаблонов, помощь в решении проблем.
*

Катюничка

  • Осваиваюсь на форуме
  • 38
  • 2 / 0
width: 97%;
 }

А у меня такого в template нет
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Ага. не досмотрел. Попробуйте прописать
#ja-header {
width: 1024px;
 }
Создание сайтов, шаблонов, помощь в решении проблем.
*

Катюничка

  • Осваиваюсь на форуме
  • 38
  • 2 / 0
Efanych опять не помогло, она как застопорилось по краю кнопки меню. не хочет вправо вообще двигаться.

Решила этот вопрос:

#ja-header {
   position: relative;
   height: 90px;
width: 1024px;
background: url(../images/header/logo.jpg) no-repeat;
right: 16px;
}

И все встало на свои места

Теперь бы с вертикальным меню разобраться
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 1185
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1608
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2178
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 832
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 807
Последний ответ 27.11.2020, 11:33:58
от coliandra