VPF::Проблема со стилем в шаблоне - Форум программистов

Skaner

Дата 29.1.2013, 18:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 143
Регистрация: 6.2.2008

Репутация: нет
Всего: -1

Всем привет! Имеется шаблон сверстанный на HTML и CSS,данный шаблон хочу перенести на CMS joomla.При переносе возникла небольшая проблема с верхним меню в шаблоне.Оригинал выглядит вот таким образом.

У меня получилось вот такое

Таблица стилей из шаблона Joomla

Код


ul#mainlevel-nav {
    /* list-style : none;
    padding : 0;
    margin : 0;
    font-size : 11px;
    padding-left: 10px;
    margin-right: 10px; */
    margin: 0;
    padding: 0;
    float: left;
    font:11px Tahoma;
    border: 0px;
    height: 31px; 
    border:5px solid White;
}
ul#mainlevel-nav li {
   /*  text-align:center;
    background-image:none;
    font-weight : bold;
    float : right;
    margin : 0 auto;
    padding : 0;
    font-size : 11px;
    height : 26px;
    line-height : 26px;
    white-space : nowrap;
    background-color: transparent; */
    display: inline;
}
ul#mainlevel-nav li a {
    text-align : center;
    font-weight:normal;
    font-size : 11px;
    display : block;
    padding-left : 7px;
    padding-right : 7px;
    text-decoration:none;
    text-transform:uppercase;
    border-left: 1px solid #222;
    letter-spacing: 2px;
    background-image : url(../images/nav.gif);
    background-repeat:repeat-x;
    
}
#buttons > ul#mainlevel-nav li a {
    /* width : auto; */
    float: left;
    color: #bbbbbb;
    text-shadow: 0.1em 0.1em 0.05em #000000;
    padding: 9px 11px;
    text-decoration: none;
}
ul#mainlevel-nav li a:hover {
    text-decoration:none;
    background-image : url(../images/nav_hover.gif);
    background-repeat:repeat-x;
}
ul#mainlevel-nav li a#active_menu-nav {
    /* font-size: 12px; */
    background-image : url(../images/hovo40k.png);
    /* background-repeat:repeat-x; */
    color: #a0a0a0;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
    text-decoration : line-through;
}

Стили из HTML шаблона

Код


.solidblockmenu{margin: 0;padding: 0;float: left;font:11px Tahoma;border: 0px;height: 31px; border:5px solid White;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;color: #bbbbbb;text-shadow: 0.1em 0.1em 0.05em #000000;padding: 9px 11px;text-decoration: none;}
.solidblockmenu li a:visited{color: #bbbbbb;}
.solidblockmenu li a:hover, .solidblockmenu li .current{color: #a0a0a0;background:url(/img/hovo40k.png; border:5px solid white;)}}
hr {color:#212121; border:none; height:2px; background:#121212 url(/img/hr.png) repeat-x 0 bottom;}

Скажите пожалуйста где допущена ошибка.Заранее благодарю.

SiteVizitka

Дата 9.3.2013, 21:38 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 53
Регистрация: 24.6.2012

Репутация: нет
Всего: нет

где-то padding или margin нулевой.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »