Jump to content
  • 0

модуль joomla

qbk17

Asked by qbk17,

 Share

Question

qbk17 Explorer

qbk17

Posted
Posted (edited)

Добрый день. joomla3.

Установил модуль выплывающего меню ARI YUI Menu. Настроил более менее. В firefox, opera все  отлично.А вот в ie при наведение всплывающее меню уходит вверх.

В template.css выставил vertical-align: inherit; меню стало отображаться правильно. Но главное меню съежилось.

<a href=.

WE0n6m6675.jpglAuVNi3HX6.jpg


/*———————————————-*//* Menus (Left/Right)/*———————————————-*/#leftmenu { 	width: 211px;	margin: 0px;	padding: 0px;	padding-right: 30px;	margin-top: 20px;	margin-bottom: 30px;	margin-right: 18px;	float: left;	line-height: 1.7em;}#rightmenu {	width: 211px;	margin: 0px;	padding: 0px;	padding-left: 36px;	margin-top: 20px;	margin-bottom: 30px;	margin-left: 12px;	float: right;	line-height: 1.7em;	}#leftmenu a {vertical-align: baseline;}#rightmenu a {	color: #000000; text-decoration: none;}#leftmenu a:hover,#rightmenu a:hover {	color: #dd2867; text-decoration: none;}#leftmenu ul,#rightmenu ul {	padding-left: 0px;	list-style-type: none;	margin-left: 0px;	margin-top: 0px;	margin-bottom: 20px;}#leftmenu ul li,#rightmenu ul li {	padding-top: 2px;	padding-bottom: 2px;	/* padding-left: 8px; */	list-style-type: none;}#leftmenu ul li ul,#rightmenu ul li ul {	margin-top: 0px;	margin-bottom: 0px;}#leftmenu ul li ul li,#rightmenu ul li ul li {	border: 0px;	padding-bottom: 2px;	list-style-type: none;	font-size: 0.96em;	line-height: 1.5em;	padding-left: 8px;}#leftmenu ul.menu li.current a,#rightmenu ul.menu li.current a {	font-weight:bold;}#leftmenu ul.menu li.current ul li a,#rightmenu ul.menu li.current ul li a {	font-weight:normal;}.moduletable {	overflow: hidden;	margin-bottom: 16px;	}.moduletable_menu {	clear: both;	} .moduletable_menu h3 {	font-family: 'Open Sans', sans-serif;	font-weight: 700;	color: #000000;	font-size: 24px;	margin-bottom: 6px;	padding-bottom: 10px;	border-bottom: 1px dotted #b9b9b9;	}.moduletable h1 {	font-family: 'Open Sans', sans-serif;	font-weight: 700;	color: #000000;	font-size: 24px;	margin-bottom: 6px;	padding-bottom: 10px;	border-bottom: 1px dotted #b9b9b9;		}

Буду благодарен, если кто откликнется. Читал и понимаю что для первого случая подменю необходимо указать родителя, но ведь если указывать родителя inherit, то подменю становится в порядке и криво становится основное меню.

Edited by qbk17
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0
qbk17 Explorer

qbk17

Posted
  • Author
Posted (edited)

Сейчас буквально 5 минут. Попросил наших администраторов. Сейчас пришлю ссылку

Вопрос по leftmenu


<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr"><head>      <base href="http://index/" />  <meta http-equiv="content-type" content="text/html; charset=utf-8" />  <meta name="author" content="Super User" />  <meta name="generator" content="Joomla! - Open Source Content Management" />  <title>МВУ- ● Главная</title>  <link href="http://index/" rel="canonical" />  <link rel="stylesheet" href="/cache/widgetkit/widgetkit-7def46de.css" type="text/css" />  <link rel="stylesheet" href="/modules/mod_ariyuimenu/mod_ariyuimenu/css_loader.php?menuId=ariyui90" type="text/css" />  <style type="text/css">#ariyui90 A{font-size: 13px !important; font-weight: normal !important; text-transform: none !important;}  </style>  <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>  <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>  <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>  <script src="/media/system/js/tabs-state.js" type="text/javascript"></script>  <script src="/cache/widgetkit/widgetkit-f3ccdf7d.js" type="text/javascript"></script>  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>  <script src="/media/system/js/core.js" type="text/javascript"></script>  <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>  <script src="/modules/mod_ariyuimenu/mod_ariyuimenu/js/yui.combo.js" type="text/javascript"></script>  <script type="text/javascript">function keepAlive() {  var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });jQuery(document).ready(function()                {                    jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});                });try { document.execCommand("BackgroundImageCache", false, true); } catch(e) {};YAHOO.util.Event.onContentReady("ariyui90_menu", function () { var oMenu = new YAHOO.widget.Menu("ariyui90_menu", {"lazyLoad":true,"autosubmenudisplay":true,"position":"static","hidedelay":750}); oMenu.render(); oMenu.show(); if (0 > -1) oMenu.getItem(0).cfg.setProperty("selected", true); });  </script>     <meta name="viewport" content="width=1068">    <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />    <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />    <link rel="stylesheet" href="/templates/td-okini/css/template.css" type="text/css" />    <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css' />    <script type="text/javascript" src="/templates/td-okini/js/sfhover.js"></script>        <!-- Slides Scripts -->     <script type="text/javascript" src="/templates/td-okini/js/NivooSlider.js"></script>    <script type="text/javascript">        window.addEvent('domready', function () {            new NivooSlider($('Slider'), {                animSpeed: 500,                interval: 3000,                controlNavItem: 'disc',                 effect: 'random',                directionNavHide: true            });        });    </script>    <style type="text/css">        #slideshow {            min-width: 1068px;            background: url('/templates/td-okini/images/slide_shadow.png') no-repeat center bottom;                        margin-bottom: -1px;        }         #Slider {            padding: 0 0 40px 0;            clear: both;            position:relative;            width:1000px;            margin: auto;        }         .nivoo-slider,        .nivoo-slider-holder {            height: 250px;            overflow: hidden;            position: relative;            width: 1000px;        }         .nivoo-slider.got-control-nav {            height: 250px;        }    </style>        </head><body> <div id="wrapper">     <div id="header_wrap">        <div id="header">             <!-- LOGO -->            <div id="logo">                             <a href="/"><img src="/templates/td-okini/images/logo.gif"  alt="МВУ" /></a>                                    </div>             <!-- SEARCH -->            <div id="search">                                   </div>             <!-- TOPMENU -->            <div id="topmenu">                <ul class="nav menunav nav-pills"><li class="item-104"><a href="/index.php/struktura" >Структура</a></li><li class="item-105"><a href="/index.php/pologenie" >Положение</a></li><li class="item-107"><a href="/index.php/rukovodstvo" >Руководство</a></li></ul>             </div>        </div>    </div>          <!-- SLIDESHOW -->        <div id="slideshow">        <div id="Slider" class="nivoo-slider">            <img src="/templates/td-okini/images/slides/slaide01.jpg" alt="" /><img src="/templates/td-okini/images/slides/slide02.jpg" alt="" /><img src="/templates/td-okini/images/slides/slide03.jpg" alt="" />     </div>    </div>                 <!-- NO SLIDESHOW -->              <!-- CONTENT/MENU WRAP -->    <div id="content-menu_wrap_bg">    <div id="content-menu_wrap">                         <!-- BREADCRUMBS -->                <div id="breadcrumbs">            <div class = "breadcrumbs"><span class="showHere">Вы здесь: </span><span>Главная</span></div>         </div>                 <!-- LEFT MENU -->                <div id="leftmenu">                    <div class="moduletable_menu">                    <div class="yui-skin-sam" id="ariyui90">         <div class="yuimenu" id="ariyui90_menu">        <div class="bd">            <ul class="first-of-type">                        <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-item101 yuimenuitem-selected first-of-type">                <a class="yuimenuitemlabel yuimenuitemlabel-selected" href="/">● Главная</a>                            </li>                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item109">                <a class="yuimenuitemlabel" href="/index.php/deyatelnost">● Деятельность</a>                    <div class="yuimenu">        <div class="bd">            <ul>                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item116">                <a class="yuimenuitemlabel" href="/index.php/deyatelnost/kontrol">Контроль</a>                            </li>                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item117">                <a class="yuimenuitemlabel" href="/index.php/deyatelnost/plan">План</a>                            </li>                                                </li>                                        </ul>        </div>    </div>            </li>                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item135">                <a class="yuimenuitemlabel" href="/index.php/razmeshchenie-zakazov/arkhiv">Архив</a>                            </li>                    </ul>        </div>    </div>            </li>                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-item136">                <a class="yuimenuitemlabel" href="/index.php/ssylki">● Ссылки</a>                            </li>                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item137">                <a class="yuimenuitemlabel" href="/index.php/sluzhba">● служба</a>                                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item145">                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii">● Противодействие коррупции</a>                    <div class="yuimenu">        <div class="bd">            <ul>                        <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item146">                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii/akty">акты</a>                            </li>                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item147">                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii/materialy"> материалы</a>                            </li>                    </ul>        </div>    </div>            </li>                    </ul>        </div>    </div></div>      </div>                        <div class="moduletable">                    <h3>Вход :</h3>                    <form action="/index.php" method="post" id="login-form" class="form-inline">        <div class="userdata">        <div id="form-login-username" class="control-group">            <div class="controls">                                    <div class="input-prepend">                        <span class="add-on">                            <span class="icon-user hasTooltip" title="Логин"></span>                            <label for="modlgn-username" class="element-invisible">Логин</label>                        </span>                        <input id="modlgn-username" type="text" name="username" class="input-small" tabindex="0" size="18" placeholder="Логин" />                    </div>                            </div>        </div>        <div id="form-login-password" class="control-group">            <div class="controls">                                    <div class="input-prepend">                        <span class="add-on">                            <span class="icon-lock hasTooltip" title="Пароль">                            </span>                                <label for="modlgn-passwd" class="element-invisible">Пароль                         </label>                        </span>                        <input id="modlgn-passwd" type="password" name="password" class="input-small" tabindex="0" size="18" placeholder="Пароль" />                    </div>                            </div>        </div>                        <div id="form-login-remember" class="control-group checkbox">            <label for="modlgn-remember" class="control-label">Запомнить меня</label> <input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>        </div>                <div id="form-login-submit" class="control-group">            <div class="controls">                <button type="submit" tabindex="0" name="Submit" class="btn btn-primary">Войти</button>            </div>        </div>                    <ul class="unstyled">                            <li>                    <a href="/index.php/component/users/?view=remind">                    Забыли логин?</a>                </li>                <li>                    <a href="/index.php/component/users/?view=reset">                    Забыли пароль?</a>                </li>            </ul>        <input type="hidden" name="option" value="com_users" />        <input type="hidden" name="task" value="user.login" />        <input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />        <input type="hidden" name="74d88b5c8db824edc92f636b6d73d4b1" value="1" />   </div>    </form>        </div>                        </div>                 <!-- CONTENTS -->                <div id="content-w2">                                           <div id="system-message-container"><div id="system-message"></div></div>            <div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Уроки по Joomla 3 можно найти здесь: <a href="http://joomla3x.ru/">http://joomla3x.ru/</a></span></div><div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Шаблоны Joomla 3 здесь: <a href="http://www.joomla3x.ru/joomla3-templates.html">http://www.joomla3x.ru/joomla3-templates.html</a></span></div>           <article class="item-page">        <h2>            МВУ     </h2>         <ul class="actions">                                        <li class="print-icon">                        <a href="/?tmpl=component&print=1&page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/td-okini/images/system/printButton.png" alt="Печать" /></a>               </li>                                                <li class="email-icon">                        <a href="/index.php/component/mailto/?tmpl=component&template=td-okini&link=774e62577e214ebbcba70e5482c43afe5b0e9f41" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/td-okini/images/system/emailButton.png" alt="E-mail" /></a>               </li>                                                </ul>                            <p style="text-align: justify;">Описание</p><p style="text-align: justify;">Описание2</p><p style="text-align: justify;">Описание3</p> <ul class="pager pagenav">    <li class="previous">        <a href="/index.php/pologenie" rel="prev">< Назад</a>    </li></ul>         </article>           </div>          <!-- RIGHT MENU -->             </div>    </div>      <!-- FOOTER -->    <div id="footer_wrap">        <div id="footer">                    </div>    </div>           <!-- BANNER/LINKS -->         </div>  <!-- PAGE END --> <div id="copyright_wrap">    <div id="copyright">        ©МВУ <br/>     </div></div>  </body></html>
Edited by qbk17
Link to comment
Share on other sites
  • 0
qbk17 Explorer

qbk17

Posted
  • Author
Posted

Очень правда странно. То же проверил все отлично. А вот если заходить по сети через ie то меню соскакивало как выше на скрине. Ничего не понял, если честно.

Спасибо что уделил время.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept