Joomla и браузеры (ИЕ, Опреа и Лиса) последней версии. Итак меню HTML:
<td nowrap="nowrap"><a class="mainlevel" href="/Папка сайта/2.html">Главная</a><a class="mainlevel" href="/папка сайта/o-sayte.html">Сайт</a><a id="active_menu" class="mainlevel" href="/foot/obratnaya-svyaz/administratorskiy/kontakti.html">Обратная связь</a></td>
Меню CSS:
td, tr, p, div {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:16px;
}
ul#mainlevel-nav {
font-family : Arial, Helvetica, sans-serif;
list-style : none;
margin : 0;
padding : 0;
font-size : 13px;
}
#mainlevel-nav li {
display : inline;
list-style : none;
background-image : none;
width : auto;
color : #000000;
}
#mainlevel-nav li a {
display : inline;
width : auto;
padding : 13px 6px;
color : #000000;
text-decoration : none;
background : none;
font-weight : normal;
line-height : 44px !important;
background : url(../images/bg_menu1.jpg) repeat-x top left;
}
#mainlevel-nav li a:hover {
width : auto;
background : url(../images/bg_menu2.jpg) repeat-x top left;
color : #B50404;
padding : 13px 6px;
font-weight : normal;
text-decoration : none;
}
ul#mainlevel-nav li #active_menu-nav {
cursor : default;
width : auto;
background : url(../images/bg_menu2.jpg) repeat-x top left;
padding : 14px 6px;
color : #B50404;
text-decoration : center;
}
ul#mainlevel-nav li #active_menu-nav:hover {
cursor : pointer;
width : auto;
background : none;
padding : 14px 6px;
color : #000000;
text-decoration : none;
}
Пункты меню слиплись друг с другом, делал и list-style-image:url, magin-left и padding,просто magin, и даже word-spacing. Ничего не помогает, в отношении слов работает, а в отношении пунктов меню нет. Подскажите как их хотя бы разлепить и отцентрировать меню?
Теперь стандартный Джумловский пункт Контакты, не хочет отображаться по центру, а только слева.
HTML:
<td colspan="2">
<br><br>
<form class="form-validate" id="emailForm" name="emailForm" method="post" action="/foot/">
<div class="contact_email">
<label for="contact_name" class="">
Введите ваше имя:
</label>
<br>
<input type="text" value="" class="inputbox" size="30" id="contact_name" name="name">
<br>
<label for="contact_email" id="contact_emailmsg">
E-mail адрес:
</label>
<br>
<input type="text" maxlength="100" class="inputbox required validate-email" value="" size="30" name="email" id="contact_email">
<br>
<label for="contact_subject">
Тема сообщения:
</label>
<br>
<input type="text" value="" class="inputbox" size="30" id="contact_subject" name="subject">
<br><br>
<label for="contact_text" id="contact_textmsg">
Введите текст вашего сообщения:
</label>
<br>
<textarea class="inputbox required" id="contact_text" name="text" rows="10" cols="50"></textarea>
<br>
<input type="checkbox" value="1" id="contact_email_copy" name="email_copy">
<label for="contact_email_copy">
Отправить копию этого сообщения на ваш адрес </label>
<br>
<br>
<button type="submit" class="button validate">Отправить</button>
</div>
<input type="hidden" value="com_contact" name="option">
<input type="hidden" value="contact" name="view">
<input type="hidden" value="1" name="id">
<input type="hidden" value="submit" name="task">
<input type="hidden" value="1" name="80c62fa1497a85af7f264e2da6ad3b40"> </form>
<br>
</td>
CSS:
.contact_email .inputbox {
}
.inputbox {
background:none repeat scroll 0 0 transparent;
border:1px solid #C9C5C4;
color:#333333;
margin:3px 0;
padding:1px;
После пляски аналогичным образом (как и с меню), Контакты по прежнему не хотят отображаться по центру. У кого есть какие, соображения?