Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: меню css

Сообщения:  [1-10]   [11-14] 

 
 автор: Oligarx   (21.06.2006 в 10:54)   письмо автору
 
   для: divirtir   (21.06.2006 в 10:37)
 

FF версия 1.5.0.4

   
 
 автор: divirtir   (21.06.2006 в 10:37)   письмо автору
 
   для: Oligarx   (21.06.2006 в 08:22)
 

точки вроде есть! с точками всё нормально! они расположены с правой части рисунка пункта. а пункты смещены не с лева а с права. поэтому точки тоже в право перетащились. вот. но у меня покрайней мере точки есть. моет FF разнве у нас какие нить.

   
 
 автор: Oligarx   (21.06.2006 в 08:22)   письмо автору
 
   для: divirtir   (21.06.2006 в 04:50)
 

да, и ещё в FF точек нету ... или может их не видно?

   
 
 автор: divirtir   (21.06.2006 в 04:50)   письмо автору
 
   для: RMW   (20.06.2006 в 12:32)
 

какой всё таки нород тут хорошый! заботливый! спасибо всем!!! у меня теперь по поводу отображения в браузерах вопрос. меня смотриться хорошо в ie и opera а вот в мазила косит!
пункты - рисунками сделанные но дело не в рисунках! в коде что то! рисунки пунктов - ссылок смещенны вправо. некрасиво. отстув наверное в 40 px от положенного! что делать? вот страница
http://www.dntkv.com/dextra/PADEXTRA9.html
помогите пожалуйста. почему не хочет правельно показывать мозила? плииз!

   
 
 автор: divirtir   (20.06.2006 в 23:04)   письмо автору
 
   для: AlexSol   (20.06.2006 в 09:36)
 

во круто! спасибо большое! всё сделал всё забацал отлисно! спасииибо! :)
просто рисунки переделал под свои и стили поменял как надо!

   
 
 автор: RMW   (20.06.2006 в 12:32)   письмо автору
 
   для: divirtir   (20.06.2006 в 04:03)
 

Бли-и-ин :)))

<html> 
<head>

<script type="text/javascript"><!--//--><![CDATA[//><!-- 
    jsHover = function() {
        var hEls = document.getElementById("menu_cont").getElementsByTagName("LI"); 
        for (var i=0, len=hEls.length; i<len; i++) { 
            hEls[i].onmouseover=function() { this.className+=" jshover"; } 
            hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); } 
        } 
    } 
    if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover); 
//--><!]]></script>

<style>
<!-- 
body {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;} 
-->

#menu_cont li:hover, li.jshover { 
color:green;


#menu_cont ul { 
color:red; 
font-size: 0.85em; 
margin: 10; 
padding: 10; 
list-style: disc; 


#menu_cont li { 
/*display: inline;*/ 
float: top; 


#menu_cont li a { 
display: block;      
padding: 7px 20px; 
color: #003388; 
background-color: #f5f5f5; 
margin-right: 2px; width:100px; text-decoration:none; 


#menu_cont li a:hover { 
display: block;      
padding: 7px 20px; 
color: #333; 
background-color: #fff; 
margin-right: 2px; text-decoration:none; 


#menu_cont li span { 
display: block;      
padding: 6px 20px; 
color: #555; 
background-color: #e8e8e8; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin-right: 2px; 


</style> 
</head> 

<body marginheight="0" marginwidth="0" background="site1_21FONDO.jpg"> 
<div id="menu_cont"> 
<ul> 

  <li><a href="#">Пункт меню 1</a></li> 
  <li><a href="#">Пункт меню 2</a></li> 
  <li><a href="#">Пункт меню 3</a></li> 

</ul> 
</div> 
</body> 
</html>

   
 
 автор: AlexSol   (20.06.2006 в 09:36)   письмо автору
 
   для: divirtir   (20.06.2006 в 04:03)
 

особо не вдоваясь в детали, думаю что кружечки проще нарисовать самому.
http://alvit.de/css-showcase/css-navigation-techniques-showcase.php - выбирайте понравившееся и сохраняйте страницу, стили расположены в нейже.

ваш случай примерно этот http://e-lusion.com/design/menu/

   
 
 автор: divirtir   (20.06.2006 в 04:03)   письмо автору
 
   для: RMW   (20.06.2006 в 01:07)
 

ВАААУ! не ужель получиться! я уже 16 часов голову ломаю об эти падинги! ты мне обясни тока плиз эти маргин падинг 10 куда ставить то? в li ?? или в скрипит? :() тоесть маргин 10 писать для кружочков?? и шариков :))

   
 
 автор: RMW   (20.06.2006 в 01:07)   письмо автору
 
   для: divirtir   (19.06.2006 в 23:05)
 

В скрипте нужно заменить "nav" на "menu_cont"
Потом дополнить
#menu_cont li:hover, li.jshover {
color:green;
}
Со всякими марджинами и пэддингами сам разбирайся.

_
Короче для IE, чтобы кружочки
как бы появились нужно
margin: 10;
padding: 10;
При этом меню сдвигается.

   
 
 автор: divirtir   (19.06.2006 в 23:05)   письмо автору
 
   для: RMW   (19.06.2006 в 22:46)
 

уууф! как хорошо вы придумали! жалко что в ie не фурычит! а скрипит у меня был для того чтоб смотреть в ie но не работает :( я в них тож не понимаю. наверно это не для этого! как его переделать чтоб работал?



<script type="text/javascript"><!--//--><![CDATA[//><!--
    jsHover = function() {
        var hEls = document.getElementById("nav").getElementsByTagName("LI");
        for (var i=0, len=hEls.length; i<len; i++) {
            hEls[i].onmouseover=function() { this.className+=" jshover"; }
            hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
        }
    }
    if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
//--><!]]></script>

   

Сообщения:  [1-10]   [11-14] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования