Witam od niedawna eksperymentuje z Joomla, dokładniej z wer. 1.7
Stworzyłem sobie menu w joomla 7 pozycji, pola nie są równe. Do diva podpiąłem styl. Problemem jest to że podczas zwiększania i zmniejszania widoku strony przy pomocy suwaka z Opery(są również minimalne różnice między FF i Opera), menu się rozjeżdża, i nie bardzo widać separator. Jak to naprawić? Oczywiście zerkałem na wątki forum i używałem Google. Na tę chwilę użyłem małego oszustwa z tłem, ale wole wiedzieć jak się to robi poprawnie. Dziękuję.
CSS:
#menuGornePolozenie {
position:absolute;
left:148px;
top:170px;
width:1000px;
height:44px;
}
.menu1 ul, ul li {
display: block;
list-style: none;
margin: 0 ;
padding:0;
font-family: Arial;
font-size: 12px;
}
.menu1 ul {
float: left;
}
.menu1 ul li {
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/separator2.png");
float: left;
}
.menu1 ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
color: #fff;
height: 20px;
padding: 12px 15px ;
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCz.png");
}
.menu1 ul a:hover, ul a:active {
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCze.png");
}
i php :
<DIV ID="menuGornePolozenie" class="menu1">
<jdoc:include type="modules" name="menu"/>
</DIV>