Добрый вечер! Начал вчера верстать сайт и сразу же столкнулся с неприятной проблемой. целый день ломаю голову и не как не могу решить.
Проблема заключается в следующем:
Разместил горизонтально меню, подбил под него модуль - все нормально, а свойства ссылкам ul и li не могу задать. То есть шрифт остается без изменения что бы я не прописывал.
Может вы мне скажете в чем дело? !
Вот код:
index.php
<?php defined( '_JEXEC' ) 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" type="text/css" href="<?php echo $this->baseurl ?>/templates/sk_shablon/css/template.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/sk_shablon/css/menu.css"/>
<!--[if ite EI 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix("#blok_1, #logo");
</script>
<![endif]-->
</head>
<body>
<div id="conteyner">
<div id="glav_blok">
<div id="blok_top">
<div id="blok_1">
<div id="top">
<div id="top_left">
<div id="logo"></div>
</div>
<div id="top_right"></div>
</div>
<div id="top_menu_blok">
<?php if($this->countModules('top_menu')) : ?>
<jdoc:include type="modules" name="top_menu" style="topmenu" />
<?php endif; ?>
</div>
<div id="flash_top"></div>
<div id="content_blok"></div>
<div id="user_blok"></div>
<div id="news_blok"></div>
</div>
</div>
<div id="blok_bot">
<div id="blok_2">
<div id="usermenu_blok">
<div id="usermenu_1">1</div>
<div id="usermenu_2">2</div>
<div id="usermenu_3">3</div>
<div id="usermenu_4">4</div>
</div>
<div id="spisok_blok"></div>
</div>
</div>
</div>
</div>
</body>
</html>
template.css
html, body
{
margin:0px;
padding:0px;
height:100%;
background:url(../images/fon_back.jpg) no-repeat;
}
#conteyner
{
margin:0 auto;
padding:0px;
width:1020px;
min-height:100%;
background:#666;
}
#glav_blok{
margin:0px;
padding:0px;
width:1020px;
background:#FF0000;
}
#blok_top
{
margin:0 auto;
padding:0px;
width:1020px;
background:url(../images/blok_1fon.png) repeat;
}
#blok_1
{
margin:0 auto;
padding:0px;
width:959px;
}
#top
{
margin:0px;
padding:0px;
height:90px;
}
#top_left
{
margin:0px;
padding:0px;
height:90px;
width:20px;
background:#006633;
float:left;
}
*html #top_left{
margin:10px;
padding:0px;
}
*+html #top_left{
margin:10px;
padding:0px;
}
#top_right
{
margin:0px;
padding:0px;
height:90px;
width:20px;
background:#009;
float:right;
}
#logo
{
margin:0px;
margin-top:10px;
padding:0px;
width:161px;
height:52px;
background:url(../images/logo.png) no-repeat;
}
#top_menu_blok{
margin:0px;
padding:0px;
height:34px;
background:url(../images/menu_top_fon.jpg) repeat-x;
}
#flash_top{
margin:0px;
padding:0px;
margin-top:30px;
width:959px;
height:380px;
background:#006666;
}
#content_blok{
margin:0px;
padding:0px;
}
#user_blok{
margin:0px;
padding:0px;
}
#news_blok{
margin:0px;
padding:10px;
}
#blok_bot{
margin:0px;
padding:0px;
}
#blok_2{
margin:0 auto;
padding:0px;
width:959px;
}
#usermenu_blok{
margin:0px;
margin-top:20px;
padding:0px;
height:225px;
background: #0C3;
}
#usermenu_1{
margin:0px;
padding:0px;
width:239px;
height:225px;
background:#000099;
float:left;
}
#usermenu_2{
margin:0px;
padding:0px;
width:239px;
height:225px;
background:#0F6;
float:left;
}
#usermenu_3{
margin:0px;
padding:0px;
width:239px;
height:225px;
background:#F00;
float:left;
}
#usermenu_4{
margin:0px;
padding:0px;
width:239px;
height:225px;
background:#90F;
float:right;
}
#spisok_blok{
margin:0px;
padding:0px;
height:37px;
background:url(../images/spisok_blok.png);
}
стиль для горизонтального меню (пока еще ничего не прописал, т.к. даже это не работает, background-color - зеленого цвета назначен для проверки, он отображается значит, осмелюсь предположить что с модулем и кодом проблем нету ) : menu.css
.module_menutop{
margin:0px;
padding:0px;
height:34px;
width:959px;
padding-top:10px;
}
.module_menutop div{
margin:0px;
padding:0px;
background-color:#00FF66;
text-align:center;
}
.module_menutop ul li a:link, .module_menutop ul li a:visited{
margin:0px;
padding:0px;
font-size:13px;
text-decoration:none;
background:none;
}
а вот сами свойства модуля который я применяю:
function modChrome_topmenu($module, &$params, &$attribs)
{ ?>
<div class="module<?php echo $params->get('moduleclass_sfx'); ?>">
<div>
<?php echo $module->content; ?>
</div>
</div>
<?php
}
Вот то что пока получается:
А вот к чему я стремлюсь:
Я надеюсь на вашу помощь.
Заранее Вам большое СПАСИБО!
29.12.2021, 23:15:38