ar130405
-
Posts
8 -
Joined
-
Last visited
ar130405's Achievements
Explorer (1/14)
0
Reputation
-
Здраствуйте! При открытии слайдера див находящийся под ним уходит вних вместе с анимацией подскажите пожалуйста как это разрешить? вот код jQuery(document).ready(function(){ jQuery("#contactLink").click(function(){ if (jQuery("#contactForm").is(":hidden")){ jQuery("#contactForm").slideDown("slow"); } else{ jQuery("#contactForm").slideUp("slow"); } }); }); function closeForm(){ jQuery("#messageSent").show("slow"); setTimeout('jQuery("#messageSent").hide();jQuery("#contactForm").slideUp("slow")', 2000); } <img class="order_1" src="images/order_1.jpg"/> <div id="contactFormContainer"> <div id="contactForm"> <fieldset> <p> </p> <form action="contact.php" method="post"> <label for="Name"></label> <input id="name" type="text" /> <label for="Email"></label> <input id="Email" type="text" /> <label for="Phone"></label> <input id="Phone" type="text" /> <input id="sendMail" type="submit" name="submit" onclick="closeForm()" /> <span id="messageSent">Your message has been sent successfully!</span> </form> </div> <div id="contactLink"></div> </div> <div id="icons"> <a class="youtube" href="#"><img src="images/youtube.png"><p>ארוץ Youtube</p></a> <a class="facebbok" href="#"><img src="images/youtube.png"><p>ארוץ Youtube</p></a> <a class="twitter" href="#"><img src="images/youtube.png"><p>ארוץ Youtube</p></a> </div>
-
Спасибо большое я попробую.
-
Здраствуйте! У меня на сайте есть два скрипта один на слайшоу который использует mootools а второй ,контактная форма, на jquery проблема в том что взависимости какой из них стоит первый он блокирует второй. Я знаю что проблема эта известна и есть NOCONFLICT скрипт но у меня не получается его установить. Помогите пожалуйста! Вот код обоих скриптов. Контактная форма <script type="text/javascript"> $("#contactLink").click(function(){ if ($("#contactForm").is(":hidden")){ $("#contactForm").slideDown("slow"); } else{ $("#contactForm").slideUp("slow"); } }); }); function closeForm(){ $("#messageSent").show("slow"); setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000); } </script> Слайдшоу <script type="text/javascript"> window.addEvent('domready', function(){ var data = { '1.jpg': { caption: '' }, '2.jpg': { caption: '' }, '3.jpg': { caption: '' }, '4.jpg': { caption: '' }, '5.jpg': { caption: '' }, }; var myShow = new Slideshow('show', data, { captions: true, controller: false, height: 400, hu: 'images/', width: 960,delay:8000, duration:1000, }); }); </script> Спасибо заранее!
-
Хех это пока там белый бэкграунд. Ну а вообще по существу кто нибудь может что нибудь сказать?!
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Выше код посмотрите если все правильно написано пожалуйста. весь css или только относящийся к выводу постраничной навигации. если да то там просто указание что буквы должны быть белые. .nav_tex { color: ffffff; } Вот в принципе и всё.
-
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <div class="nav_tex"><b>1</b><a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=2>2</a><a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=3>3</a> <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=2>></a> <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=6>>></a></div> </td> <td width="26" class="corner_lr_body"> </td> </tr> <tr> <td height="20" width="20" class="corner_bl"> </td> <td height="20" class="corner_br_body"> </td> <td height="20" width="26" class="corner_br"> </td> </tr> </table> Вот код с ИЕ.
-
Здравствуйте. Нашел на одном сайте код постраничной навигации оптимизировал под свой сайт все работает ок. Проблема в том что по какой то причине ИЕ6 не хочет выдоить стили для неё. Помогите пожалуйста разобраться. В фаерфоксе работает на ура а в ИЕ не в какую. Вот код <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <?php // Проверяем нужны ли стрелки назад if ($page != 1) $pervpage = '<a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=1><<</a> <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page - 1) .'><</a> '; // Проверяем нужны ли стрелки вперед if ($page != $total) $nextpage = ' <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page + 1) .'>></a> <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page=' .$total. '>>></a>'; // Находим две ближайшие станицы с обоих краев, если они есть if($page - 2 > 0) $page2left = ' <a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page - 2) .'>'. ($page - 2) .'</a>'; if($page - 1 > 0) $page1left = '<a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page - 1) .'>'. ($page - 1) .'</a>'; if($page + 2 <= $total) $page2right = '<a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page + 2) .'>'. ($page + 2) .'</a>'; if($page + 1 <= $total) $page1right = '<a class="nav_tex" href= ./Copy_of_Copy_of_worki.php?page='. ($page + 1) .'>'. ($page + 1) .'</a>'; // Вывод меню if ($total > 1) { Error_Reporting(E_ALL & ~E_NOTICE); echo "<div class=\"nav_tex\">"; echo $pervpage.$page2left.$page1left.'<b>'.$page.'</b>'.$page1right.$page2right.$nextpage; echo "</div>"; } ?> Заранее благодарен.
-
Здраствуйте всем. Проблема такова. я хочу чтобы менюшка располагалась прям под шапкой проблема в том что менюшка в ИЕ6 прыгает вниз шапки и не растягивается по процентам прописаным елсли делать всё это дело с овер флоу то шапка становится на место только пол рисунка обрезается и низ рисунка тоже подрезается. подскожите пожалуйста что я делаю не так . как прописать чтобы всё встала на свои места?! заранее благодарен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onLoad="MM_preloadImages('img/images/images/logo&menu21_08.jpg','img/images/images/logo&menu21_04.jpg','img/images/images/logo&menu21_05.jpg','img/images/images/logo&menu21_06.jpg','img/images/images/logo&menu21_07.jpg')"> <div id="logo_menu"> <div id="logo_zvetok"><img class="logo_menu_imgrule"src="img/images/logo&menu1.jpg"></div> <div id="logo_main"><img class="logo_menu_imgrule" src="img/images/logo&menu2.jpg"></div> <div id="menu"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr > <td id="menu_krasota"><img class="logo_menu_imgrule" src="img/images/images/logo&menu21_01.jpg"></td> <td> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr > <td id="menu_zveti"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zveti','','img/images/images/logo&menu21_08.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_08.jpg" name="zveti" width="82" height="60" border="0"></a></td> <td id="menu_otkritki"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('orkritki','','img/images/images/logo&menu21_04.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_04.jpg" name="orkritki" width="103" height="60" border="0"></a></td> <td id="menu_upakovki"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('upakovki','','img/images/images/logo&menu21_05.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_05.jpg" name="upakovki" width="207" height="60" border="0"></a></td> <td id="menu_muzika"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('muzika','','img/images/images/logo&menu21_06.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_06.jpg" name="muzika" width="245" height="60" border="0"></a></td> <td id="menu_miagkie"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('miagkie','','img/images/images/logo&menu21_07.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_07.jpg" name="miagkie" width="174" height="60" border="0"></a></td> </tr> </table> </div> </div> </body> </html> body { background-color: #000000; } #logo_menu { position: absolute; width: 98%; top: 0px; height: 250px; text-align: center; left: 1%; } #menu_zveti { float: left; height: 60px; width: 10%; position: relative; } #menu { height: 80px; width: 65%; margin-top: 10px; margin-left: 0px; position: relative; float: right; } #menu_krasota { position: relative; height: 27px; width: 60%; left: 0px; } #logo_zvetok { float: left; width: 35%; margin-top: 10px; margin-left: 0px; position: relative; height: 350px; } #logo_main { float: left; width: 65%; margin-top: 10px; margin-left: 0px; position: relative; height: 252px; } .logo_menu_imgrule { width: 100%; height: 100%; position: relative; float: left; } .menu_header { float: left; height: 60px; width: 20%; margin-top: 0px; position: relative; z-index: 100; } #menu_otkritki { float: left; height: 60px; width: 13%; position: relative; } #menu_upakovki { float: left; height: 60px; width: 25%; position: relative; } #menu_muzika { float: left; height: 60px; width: 30%; position: relative; } #menu_miagkie { float: left; height: 60px; width: 22%; position: relative; }