Новости Joomla

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

sapravka

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Что собственно имеем:



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

Собственно вот сам код HTML:

Код
<div>
<div id="maket">
<!--шапка-->
<div id="header"></div>
    <!--верхнее меню-->
        <div class="menug" align="center"><center><jdoc:include type="modules" name="user3" style="-1" /></center></div>
<div>
                <!--левое меню-->
<div id="left"><jdoc:include type="modules" name="left" style="-1" /></div>
            <!--правое меню-->
<div id="right"><jdoc:include type="modules" name="right" style="-1" /></div>
            <!--контент-->
<div id="content"><jdoc:include type="component" /></div>           
            </div>
        <!--нижнее меню-->
        <div id="nizmenu"><div class="menug"><center><jdoc:include type="modules" name="user3" style="-1" /></center></div></div>
            <!--подвал-->
</div>
    <center><div id="footern">Подвал должен буть внизу</div></center>
</div>

И таблицы CSS:


Код
body, HTML {
margin:0px;
padding:0px;
min-height: 100%;
}
#maket {
width:1000px;
min-height: 100%;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFFF33;
}
#header{
height: 240px;
width: 1000px;
background-color: #00FF00;
background-image: url(../images/noutbuk.png);
background-repeat: no-repeat;
background-position: 50px 5px;
}
#left{
margin:0px;
padding:0px;
background-color: #e9f8fc;
width:200px;
float:left;
clip: rect(240px,auto,auto,auto);
}
#right{
margin:0px;
padding:0px;
width:200px;
background-color: #e9f8fc;
float:right;
height: auto;
clip: rect(240px,auto,auto,auto);
}
#content{
margin:0px;
padding:0px;
background-color: #f7fbfc;
margin-left:202px;
margin-right:202px;
height: auto;

}
#nizmenu{
margin:0px;
padding:0px;
background-color: #FF0000;
float: none;
height: 50px;
width: 1000px;
}
#footern{
margin:0px;
padding:0px;
height: 50px;
width: 1000px;
clip: rect(auto,auto,-50px,auto);
background-color: #333300;
}
/*горизонтальное меню*/
.menug {
height: 40px;
color: #fff;
text-align: left;
background-repeat: repeat-x;
margin: auto;
}
.menug ul,
.menug li {
display: inline;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.menug a {
color: #fff;
float: left;
height: 33px;
border: none;
background: none;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
padding: 0px 14px;
line-height: 33px;
font-weight: bold;
}
.menug  a:hover,
.menug #active_menu,
.menug li#current a {
text-decoration: none;
color: #FFFFFF;
background-repeat: repeat-x;
background-position: bottom;
background-color: #333333;
}

*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Задать ему фиксированную ширину и выставить margin-left: auto и margin-right: auto
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

sapravka

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Спасибо! Заработало...
А без конкретного указания ширины - можно сделать?
*

HYBRID

  • Захожу иногда
  • 228
  • 47 / 0
  • Они захватят мир
нет, без ширины пока никак
http://hybrid-lab.com - лаборатория
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

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

Автор DrShepard

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

Автор coliandra

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

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1627
Последний ответ 20.07.2020, 11:18:44
от kuraev64