zloymux

Добрый день. Помогите пожалуйста разобраться. Проблема следующая В хроме и фоксе при переходе на выпадающие пункты меню все нормально. А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки. Ломаю голову не могу понять в чем дело может кто подскажет Разрабатываю локально ссылку дать не могу <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; }

прочтите внимательнее описание verikal-align оно выравнивает не содержимое блока а блок относительно родителя по центру. Используйте дополнительный блок либо выставьте line-height равной высоте блока в котором нужно выравнять текс (работает для 1 строки)

и в post тоже идет только пост в адресе непоказывает

видно когда тестил тип image забывал метод пост ставить.... х у передаются но с пост их невидно)

А понял вместо нейма в форме испоьзовать айди, а скрипт останется такойже по виду. При клике на картинку сделанную с помощью input тип image в строку браузера передаются две переменные x y координата куда я на картинке тыкаю.

image в строку браузера передает координаты клика. Нужно чтоб строка браузера была чистая. Если можно напишите как верно обратится к форме. Очень хочу разобраться почему не работает данный способ. В принципе знаю как сделать с помощью GET и редиректа чтобы строка чистая была, но это как бы вроде более изящное решение.

Это кусок кода интернет магазина в корзину нужно передавать количество тавара. Не думаю что посетителю понравится идея с интером) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<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 перенесите ее туда. Заранее спасибо

Ну из той ссылки я понял что в моем случае overflow просто закрывает все css настройки внутри родителя и тем самым недает им вылазить наружу. Я просто не понимаю каким образом настройки от внутреннего блока перекинулись на внешние или я неправильно понимаю наследование в css. Темболее что тут же на сайте overflow: Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Я ширину задал без переполнения , а высота вообще указана минимальный размер то есть им вроде бы и не пахло. ))

Спасибо помогло. А не могли бы пояснить суть возникновения такого.

Не могу справится с маргином. Для вертикального отступа блоков задал классу нижний маргин 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> "; ?>