Question

Дело в том, что в самом меню 4 стиля, что услажняет установку и мне бы хотелось, дабы не прописывать на каждой странице ссылку на стили, все это сделать в CSS и указать пусть к стилям, это возможно?

Еще само меню отображается только на главной странице, а на остальных страницах сайта стили не применяются, просто вертикальный текст и все.. очень срочно нужна помощь!

помогите.

вот к примеру на одной из страниц:

Answer 1

У вас прописано так

<link rel="stylesheet" type="text/css" href="demo/buttons.css">
 <link rel="stylesheet" href="css/font-awesome.css">
 <link rel="stylesheet" href="css/sky-mega-menu.css">

А нужно прописать так

<link rel="stylesheet" type="text/css" href="/demo/buttons.css">
 <link rel="stylesheet" href="/css/font-awesome.css">
 <link rel="stylesheet" href="/css/sky-mega-menu.css">

Это касается стилей, скриптов и картинок

Comments

ой, спасибо тебе большое, не заметил как-то даже

а еще один вопрос, как уменьшить расстояние до конца кнопки?

это не border ли случайно?

 

---

да, бордер, находится в файле стилей в файловом менеджере папка CSS - файл http://www.sale75.ru/css/sky-mega-menu.css строка номер 36:

.sky-mega-menu li {
    position: relative;
    display: inline-block;
    float: left;
    padding: 5px;
    border-style: solid;
    border-color: rgba(0,0,0,.1);
    border-right-width: 1px;
    font-size: 13px;
    line-height: 45px;
    text-align: left;
    white-space: nowrap;
}

если хотите удалить данный бордер, удалите выделенное красным выше.

---

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

---

да, пропадают, если вы хотите изменить расстояние, там же в том же файле стилей найдите строку номер 49:

.sky-mega-menu li a {
    display: block;
    padding: 0 20px;
    text-decoration: none;
    color: #666;
    transition: background 0.4s, color 0.4s;
    -o-transition: background 0.4s, color 0.4s;
    -ms-transition: background 0.4s, color 0.4s;
    -moz-transition: background 0.4s, color 0.4s;
    -webkit-transition: background 0.4s, color 0.4s;
}

редактируйте под себя цифру 20, это именно то расстояние.

---

вот, спасибо)

а может вы еще заодно знаете как подсвечивать активный элемент в меню, на котором находится пользователь?

---

сменить абсолютные ссылки на относительные, в вопросе в самом начале имеется решение - http://www.ucoz.ru/qa/index.php/34922