Jump to content

zloymux

Newbie
  • Posts

    11
  • Joined

  • Last visited

Everything posted by zloymux

  1. Добрый день. Помогите пожалуйста разобраться. Проблема следующая В хроме и фоксе при переходе на выпадающие пункты меню все нормально. А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки. Ломаю голову не могу понять в чем дело может кто подскажет Разрабатываю локально ссылку дать не могу <div class="navbar"> <div class="navbar-inner"> <a class="brand left" href="/"><img src="images/img_css/vespa_logo.png"></a> <div class="nav-collapse left"> <ul class="nav"> <li class="first dropdown"> <span>1Каталоги</span> <ul class="dropdown-menu"> <li class="first"> <a href="katalog/test1.html" title="" >test1</a> </li> <li class="last"> <a href="katalog/test2.html" title="" >test2</a> </li> </ul> </li> </ul> </div> <a hrf="cart.html" class="clear" id="cartLink">Корзина</a> </div> </div> /*общие настройки*/ * {margin:0;padding:0;border:0;} *:focus { outline:none; } body, html {height:100%;} body { background: #F8F8F8 url(/images/contentArea_bg.png) repeat-x; font-family: Arial; color: #5C5C5C; font-size: 12px; padding-top:1%; } ul {list-style: none;} P { text-indent: 1.5em; /* Отступ первой строки */ } .left { float:left; display:inline; } .right { float:right; display:inline; } .clear { clear:both; } a { outline:none; text-decoration:none; } #wrapper { background: #fff; width:904px; margin:0 auto; min-height:99%; -moz-box-shadow: 0 -1px 10px rgba(122, 122, 122, 0.9); /* Для Firefox */ -webkit-box-shadow: 0 -1px 10px rgba(122, 122, 122, 0.9); /* Для Safari и Chrome */ box-shadow: 0 -1px 10px rgba(122, 122, 122, 0.9); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position:relative; } /*Шапка + чанк верхнего меню $navbar*/ .navbar { background: #F2F2F2 url(/images/head_3.png) no-repeat top left; height: 298px; width:100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .navbar-inner { position:relative; top:262px; height:36px; background: #000 url(/images/img_css/nav_bg.png) left center repeat-x; } /*Горизонтальное меню*/ .brand { text-align:center; display:inline-block; width:190px; } .nav-collapse { display:inline-block; line-height:34px; height:34px; width:580px; padding:0 7px; } #cartLink { color: white; /* Белый цвет текста */ font-size: 14px; /* Размер надписи */ font-weight:normal; text-align:center; display:inline-block; background-color:#000; width:120px; line-height:34px; } ul.nav>li { background: url(/images/img_css/nav_bg_div.png) left center no-repeat no-repeat; display:inline-block; text-align:center; width:190px; height:34px; vertical-align: middle; } .dropdown { background: url(/images/img_css/top_menu_btn.png) left center no-repeat no-repeat !important; } .dropdown.active { background: url(/images/img_css/top_menu_btn_h.png) left center no-repeat no-repeat !important; } .dropdown:hover { background: url(/images/img_css/top_menu_btn_h.png) left center no-repeat no-repeat !important; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 5px rgba(0,0,0,0.5),0 0 1px rgba(0,0,0,0.9); /* Параметры тени */ } ul.nav li ul li {position:relative; display:none;} ul.nav li:hover ul li {display:block;} /*Контент содержит в себе левое меню хлебные крошки и область контента*/ /*Хлебные крошки чанк $Breadcrumb*/ /* Подвал чанк $footer */ #footer { position:absolute; bottom:0; text-align:center; text-transform:uppercase; font-size:9px; padding:20px 0; color:#c1c1c1; } #footer a { padding:0 5px; color:#c1c1c1; } #footer a:hover { text-decoration:underline; }
  2. прочтите внимательнее описание verikal-align оно выравнивает не содержимое блока а блок относительно родителя по центру. Используйте дополнительный блок либо выставьте line-height равной высоте блока в котором нужно выравнять текс (работает для 1 строки)
  3. и в post тоже идет только пост в адресе непоказывает
  4. видно когда тестил тип image забывал метод пост ставить.... х у передаются но с пост их невидно)
  5. А понял вместо нейма в форме испоьзовать айди, а скрипт останется такойже по виду. При клике на картинку сделанную с помощью input тип image в строку браузера передаются две переменные x y координата куда я на картинке тыкаю.
  6. image в строку браузера передает координаты клика. Нужно чтоб строка браузера была чистая. Если можно напишите как верно обратится к форме. Очень хочу разобраться почему не работает данный способ. В принципе знаю как сделать с помощью GET и редиректа чтобы строка чистая была, но это как бы вроде более изящное решение.
  7. Это кусок кода интернет магазина в корзину нужно передавать количество тавара. Не думаю что посетителю понравится идея с интером) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  8. <form method='POST' name='lotNUM_1' action='' enctype="multipart/form-data"> <a href="" onclick="document.lotNUM_1.submit();" style="float:left"><img src="/img/by.png"></a> <input type="text" name="by_count" value="1" size="1"> </form> <? echo"$_POST[by_count]"; ?> Помогите пожалуйста не пойму в чем проблема. Не передается. Параметр из формы. Если сделать сабмитом все работает . Но тогда кнопка стандартная - не годится. Есть вариант сделать прозрачную кнопку с подложкой из дива с бекграундом но это немного изврат. В прямую передача через ссылку не подходит потому что работает GET и переменные видны в строке адреса браузера. Хотелось бы реализовать именно этот вариант, а он не работает где у меня ошибка помогите пожалуйста. Если тема больше для раздела JavaScript перенесите ее туда. Заранее спасибо
  9. Ну из той ссылки я понял что в моем случае overflow просто закрывает все css настройки внутри родителя и тем самым недает им вылазить наружу. Я просто не понимаю каким образом настройки от внутреннего блока перекинулись на внешние или я неправильно понимаю наследование в css. Темболее что тут же на сайте overflow: Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Я ширину задал без переполнения , а высота вообще указана минимальный размер то есть им вроде бы и не пахло. ))
  10. Спасибо помогло. А не могли бы пояснить суть возникновения такого.
  11. Не могу справится с маргином. Для вертикального отступа блоков задал классу нижний маргин 6px; При этом появился отступ и внизу подложки оО . margin-bottom:6px; если его обнулить футер встает на место. аналогичная проблема если заменить на margin-top -от ступает верх. В фоксе все нормально а хром осел и опера дают отступ. Как это происходит неп ойму кто может помочь пояснить что как буду благодарен Результат работы можно посмотреть golddb.ru/test/index.php Код css * {margin: 0; padding: 0;} /* content styles ============================== */ body{background: black;} #bodywrap{ position: relative; left: 225px; width: 646px; min-height: 900px; text-align: center; background: url(../img/cont_bg.png) repeat-y left; } #bodytop, #bodybottom { position: relative; left: 225px; width: 646px; background: url(../img/cont_top.png) no-repeat center; height: 8px; line-height:0; } #bodybottom { background: url(../img/cont_bot.png) no-repeat center; } /*Блок тавара*/ .borderST_lot { width:618px; margin: 0 auto; ]margin-bottom:6px; min-height:250px; border: 4px double RGB(185,185,185); } Пхп страница. <? echo" <html> <head> <link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://www.golddb.ru/test/a_css/style.css\" /> </head> <body> <div id=\"bodytop\"></div> <div id=\"bodywrap\"> <div id=\"contentbody\"> <div class=\"borderST_lot\">РАМКА</div> </div> <!-- end contentbody --> </div> <!-- end bodywrap --> <div id=\"bodybottom\"></div> </body> </html> "; ?>
×
×
  • 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