веб-мастеру Услуги SEO Статьи Веб-Мастера Доменные имена SEO Tools whois книги веб-мастеру

IPB

Здравствуйте, гость ( Вход | Регистрация )



 
Ответить в эту темуОткрыть новую тему
> некорректное отображение меню сайта в ишаке, плиз хелп
SM1LE
сообщение 6.4.2011, 13:19
Сообщение #1


Прохожий
*

Группа: Пользователи
Сообщений: 1
Регистрация: 6.4.2011
Пользователь №: 4 670



Некоректно отбражается менюшка в ишаке. а именно 6, 7 версии, еще точнее не отображается фоновая картинка менюшки, код:
CSS:


<style type="text/css">
#menu{
position: left;
list-style-type: none;
margin: 0;
padding: 0px 32px 0px;
font-size: 10pt;
font-family: arial;
}

#menu li{
position: relative;
width: 194px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
/*background:url('http://www.sferatv.net/sfera/templates/js_lightfast/images/04-2.jpg')left top;
background-repeat: no-repeat;*/
z-index: 500;
}

#menu li.left{
position: relative;
width: 192px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-1.jpg')left top;

z-index: 500;
}

#menu li ul.submenu_left{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
text-align: center;
position: absolute;
display: none;
left: 0;
top: 5px;
}

#menu li:hover, #menu li.over{

background-position: left bottom;
}

#menu li ul.submenu{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
position: absolute;
display: none;
left: 0;
top: 5px;
text-align: left;
}

#menu li:hover ul.submenu, #menu li.over ul.submenu{
display: block;
}
#menu li.right{
position: relative;
width: 193px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
/*background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-3.jpg')left top;
background-repeat: no-repeat;*/
z-index: 500;
}


#menu a{
display: block;
text-decoration: none;
}



HTML:


<ul id="menu">
<li class="left"><a href="http://www.sferatv.net/">title1</a>

</li>
<li><a href="#">title2</a>
<ul class="submenu">
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=46&Itemid=55">title3</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=47&Itemid=56">title4</a></li>
</ul>
</li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=category&layout=blog&id=40&Itemid=67">title4</a>
<ul class="submenu">
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=212&Itemid=68">title5</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=213&Itemid=69">title6</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=215&Itemid=70">title7</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=215&Itemid=70">title8</a></li>
</ul>
</li>
<li><a href="http://tv/index.php?option=com_content&view=category&layout=blog&id=38&Itemid=61">title9</a></li>
<li class="right"><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=57&Itemid=62">title10</a></li>
</ul>
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
oskolkov
сообщение 15.6.2011, 14:36
Сообщение #2


Прохожий
*

Группа: Пользователи
Сообщений: 2
Регистрация: 14.6.2011
Пользователь №: 4 929



Замени свою цсс этим и будет тебе счастье.

<style type="text/css">
#menu{
list-style-type: none;
margin: 0;
padding: 0px 32px 0px;
font-size: 10pt;
font-family: arial;
}

#menu li{
position: relative;
width: 194px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://www.sferatv.net/sfera/templates/js_lightfast/images/04-2.jpg') no-repeat left top;
z-index: 500;
}

#menu li.left{
position: relative;
width: 192px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-1.jpg') no-repeat left top;
z-index: 500;
}

#menu li ul.submenu_left{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
text-align: center;
position: absolute;
display: none;
left: 0;
top: 5px;
}

#menu li:hover, #menu li.over{
background-position: left bottom;
}

#menu li ul.submenu{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
position: absolute;
display: none;
left: 0;
top: 5px;
text-align: left;
}

#menu li:hover ul.submenu, #menu li.over ul.submenu{
display: block;
}
#menu li.right{
position: relative;
width: 193px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-3.jpg') no-repeat left top;
z-index: 500;
}


#menu a{
display: block;
text-decoration: none;
}
</style>


--------------------
Делаем качественные сайты becreative.ru/
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Просто лис
сообщение 9.7.2011, 7:12
Сообщение #3


Новичок
**

Группа: Пользователи
Сообщений: 6
Регистрация: 4.7.2011
Пользователь №: 5 011



А лучше создайте файл CSS скопируй в него то что написал oskolkov и в header пропишите:
<link rel="stylesheet" type="text/CSS" href="%адрес CSS файла%" >
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 18.5.2012, 5:39
^ ВВЕРХ ^

Посетите наши проекты:
Бодибилдинг.info - домашний бодибилдинг
учебник java