Jump to content

chest

User
 View Profile  See their activity

  • Posts

    154

  • Joined

  • Last visited

  • Days Won

    1

chest last won the day on March 16 2011

chest had the most liked content!

chest's Achievements

Explorer

Explorer (1/14)

-1

Reputation

  1. chest
    Все, разобрался .first {position: relative; } .second{ height: 50px; position: absolute; bottom: 0;}
  2. chest
    Есть, к примеру, код: <div height="500"> <table> <tr> <td> </td> </tr> </table> Как правильно указать значение высоты таблицы, чтобы она была по размеру Дива, но без использования точных значий в px ?
  3. chest
    Есть, напрример, список: <ul> <li> <a> tra-ta-ta</a></li> <li> <a> tra-ta-ta</a></li> <li> <a> tra-ta-ta</a></li> </ul> Но, допустим, окно для вывода списка небольшого размера. Как сделать, чтобы список каждый раз подгружался с разным порядком, и выводилось, например, только первые три пункта?
  4. chest
    лично я не профи и пользуюсь такой темкой, кста тут и подкинули: ссылка виду index.html?link=213 а на странице с контентом, например <div class="<?=$_GET['link']?>"></div>
  5. chest
    Чего-то он вроде не срабатывает(
  6. chest
    То есть где-то вот так: <head> <script language="JavaScript"> <!-- function preload_images() { var d=document; if(d.images) { if(!d.pr_im) d.pr_im=new Array(); var i,j=d.pr_im.length,a=preload_images.arguments; for(i=0; i<a.length; i++) if(a[i].indexOf("#")!=0) { d.pr_im[j]=new Image; d.pr_im[j++].src=a[i]; } } } //--> </script> </head> <script language="JavaScript"> function opana() { preload_imageslist('img/1.gif', 'img/2.gif', 'img/3.gif'); } </script> <div onmouseover="this.his = setTimeout('opana();', 10000);" onmouseout="clearTimeout(this.his)">text</div> Должно сработать?
  7. chest
    Есть код, вида: <script language="JavaScript"> <!-- function preload_imageslist() { var d=document; if(d.images) { if(!d.pr_im) d.pr_im=new Array(); var i,j=d.pr_im.length,a=preload_images.arguments; for(i=0; i<a.length; i++) if(a[i].indexOf("#")!=0) { d.pr_im[j]=new Image; d.pr_im[j++].src=a[i]; } } } //--> </script> <table onmouseover="this.his = setTimeout('preload_imageslist();', 10000);" onmouseout="clearTimeout(this.his)"><tr><td>text</td></tr></table> <table onmouseover="this.his = setTimeout('preload_imageslist();', 10000);" onmouseout="clearTimeout(this.his)"><tr><td>text</td></tr></table> Вроде как, он работает нормально, но стоит мне изменить код таблицы на <table onmouseover="this.his = setTimeout('preload_imageslist('img/<?=$_GET['link']?>1.gif');', 10000);" onmouseout="clearTimeout(this.his)"><tr><td>text</td></tr></table> <table onmouseover="this.his = setTimeout('preload_imageslist('img/<?=$_GET['link']?>2.gif');', 10000);" onmouseout="clearTimeout(this.his)"><tr><td>text</td></tr></table> как все перестает работать, я так понимаю проблема в наличие кавычек в preload_imageslist. Как правильно изменить код?
  8. chest

    Древо-меню

    chest replied to chest's question in HTML Coding

    да, имелось именно оно- испарвил. код для древа такой: <script language="javascript"> var currub = ""; var temprub; var maxrub = 99; for(var i=0;i<maxrub;i++) if(temprub = document.getElementById("rub"+i)) temprub.style.display = "none"; if(currub != "") document.getElementById("rub"+currub).style.display = "block"; function switchRub(button,rubid) { if(button.className == "plus") { document.getElementById(rubid).style.display = "block"; button.className = "minus"; } else { document.getElementById(rubid).style.display = "none"; button.className = "plus"; } return false; } </script> получается нужно добавить функцию к temprub?
  9. chest

    Древо-меню

    chest posted a question in HTML Coding

    в jquery есть такой параметр, как unique: true - он позволяет оставаться одновременно открытым только одному блоку в древе меню, как можно эту функцию перенести в Javascript?
  10. chest
    ООООО сменил !DOCTYPE и все заработало! не буду париться для ИЕ6
  11. chest
    у меня в 9 почему-то тоже не работает... нужно ведь просто указать Фиксед и все?
  12. chest
    в IE не работает
  13. chest
    Есть таблица: <table width="775" height="851" style="background: url(img/beck1.gif) repeat-y;" cellpadding="0" cellspacing="1" align="center"> <tr> <td colspan="2"><img src="img/up1.gif" width="773" height="11" alt=""> </td> </tr> <tr> <td width="179" height="279" align="left" style="background: url(img/m3.gif) repeat-y;" id=ZZZZZZZZZZ><IMG SRC="img/m1.gif" WIDTH=179 HEIGHT=279 ALT=""> </td> <td> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr align="right" valign="top"> <td colspan="2" id=ZZZZZZZZZZ> </td> </tr> <tr align="right" valign="top"> <td> <IMG SRC="img/m4.gif" WIDTH=210 HEIGHT=212 ALT=""> </td> <td> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td><IMG SRC="img/m5.gif" WIDTH=383 HEIGHT=166 ALT=""></td></tr> <tr><td>gfgdfgfd</td></tr> </table> </td> </tr> <tr align="right" valign="top"> <td colspan="2"> <IMG SRC="img/l2.gif" WIDTH=593 HEIGHT=7 ALT=""> </td> </tr> </table> </td> </tr> <tr> <td width="179" height="279" align="left" valign="top" style="background: url(img/m3.gif) repeat-y;" id=ZZZZZZZZZZ> <table style="background: url(img/m3.gif) repeat-y;" width="179" align="left" border="0"> <tr> <td class="y" height="300" width="179" bgcolor="#EDEDED"> fdsfsdfgdgfdgdfg </td> </tr> <tr> <td class="z"> fdsfsdf </td> </tr> </table> </td> <td width="593" height="540"> </td> </tr> <tr> <td colspan="2"><img src="img/dwn.gif" width="773" height="6" alt=""> </td> </tr> <tr> <td colspan="2" height="47" align="left" class="text2"> </td> </tr> </table> Как сделать, чтобы элементы выделенные id=ZZZZZZZZZZ при прокрутке оставались на месте на CSS?
  14. chest
    есть выпадающий список вида: <div class="txt2"> <table><tr> <td> <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub1')"></a> <a href="/doc/pidr/BPD01.html" class="lst1">Безпека життєдіяльності та охорона праці</a> </div> <div class="rub_child" id="rub1"> <a href="/doc/pidr/BPD11111.html" class="i">Безпека життєдіяльності та підтримання психосоматичного здоров’я молоді</a> </div> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub2')"></a> <a class="plus" href="#" onclick="return switchRub(this,'rub2')">вывфывыфвфыв</a> </div> <div class="rub_child" id="rub2"> <a href="/doc/pidr/BPD11112.html" class="i">вывфыфыв</a> </div><div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub3')"></a> <a href="/doc/pidr/BPD03.html" class="lst1">выфвыфвыфвфыв</a> </div> <div class="rub_child" id="rub3"> <a href="/doc/pidr/BPD11113.html" class="i">выфвыфвфв</a> <a href="/doc/pidr/BPD11114.html" class="i">выфвыфвыфвыфв</a> <a href="/doc/pidr/BPD11115.html" class="i">выфвыфвыфвыфвыфв</a> </div> </div> </td> </tr></table> </div></div> <script language="javascript"> var currub = ""; var temprub; var maxrub = 22; for(var i=0;i<maxrub;i++) if(temprub = document.getElementById("rub"+i)) temprub.style.display = "none"; if(currub != "") document.getElementById("rub"+currub).style.display = "block"; function switchRub(button,rubid) { if(button.className == "plus") { document.getElementById(rubid).style.display = "block"; button.className = "minus"; } else { document.getElementById(rubid).style.display = "none"; button.className = "plus"; } return false; } </script> css: .txt2 { overflow: scroll; overflow-x: hidden; height: 500px; width: 530px; border: 0; } .side_rub div.entry .single { background:url('/img/arr1.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px; width:22px;height:18px } .side_rub div.entry { position:relative; font-family: tahoma; font-size: 14px; color: #2E6DB1; } .side_rub div.entry .plus { background:url('/img/arr1.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px; width:22px;height:18px; } .side_rub div.entry .minus { background:url('/img/arr2.gif') 0px 0px no-repeat;position:absolute;top:0px;left:0px; width:22px;height:18px; } .side_rub a, .side_rub b { display:block;padding-left:11px; color: #2E6DB1; font-weight:normal; } .side_rub a { color: #2E6DB1; } .side_rub .rub_child { padding-left:27px; padding-bottom:3px; } .side_rub .rub_child a { font-weight:normal;padding-left:0px; } .side_rub .rub_child b { padding-left:0px ;} a.i:link { font-family: tahoma; font-size: 11px; font-weight: normal; color: #042f5b; text-decoration: none; } a.i:visited { font-family: tahoma; font-size: 11px; font-weight: normal; color: #042f5b; text-decoration: none; } a.i:active { font-family: tahoma; font-size: 11px; font-weight: normal; color: #042f5b; text-decoration: none; } a.i:hover { font-family: tahoma; font-size: 11px; font-weight: normal; color: #2E6DB1; text-decoration: underline; } a.h:link { font-family: tahoma; font-size: 12px; font-weight: normal; color: #042f5b; text-decoration: none; } Как сделать, чтобы при открытие одного подменю, второе закрывалось? Заранее спасибо!
  15. chest
    Есть вот такое меню <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-language" content="uk"> <link href="css/menu1.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/JavaScript"> <!--startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; //--> </script> </head> <div class="main"> <!--[if lte IE 6]> * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } <![endif]--> <ul id="nav"> <li><a href="#">аваывавы</a></li> <li><a href="#">авыаыв</a> <ul> <li><a href="#">авыаыва</a></li> <li><a href="#">авыаваыва</a></li> <li><a href="#">аывавыаыва</a></li> </ul> </li> <li><a href="#">аываывавыа</a></li> <li><a href="#">аываывавыавы</a></li> <li><a href="#">аывавыаывЬ</a> <ul> <li><a href="#">аываывавыа</a></li> <li><a href="#">аываываыва</a></li> <li><a href="#">аываывавыаа</a></li> </ul> </li> <li><a href="#">авыававыа</a></li> </ul> </div> <body> </body> </html> css: #nav,#nav ul { list-style: none outside none; margin: 0; padding: 0; } #nav { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 12px; height: 60px; list-style: none outside none; margin: 65px auto; width: 593px; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #83c103), color-stop(0.5, #78ae00), color-stop(0.51, #7db902), color-stop(1, #88ca04)); background-image: -moz-linear-gradient(center bottom, #83c103 0%, #78ae00 50%, #7db902 51%, #88ca04 100%); background-color: #7db902; } #nav li { border-bottom: 1px solid #78ae00; border-left: 1px solid #b7de0c; border-right: 1px solid #479e00; border-top: 1px solid #88ca04; display: block; float: left; height: 40px; position: relative; width: 96px; } #nav > li:first-child { border-left: 0 none; margin-left: 5px; } #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2; } #nav ul li { background: none repeat scroll 0 0 #88ca04; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); height: 50%; width: 100%; } #nav li a { color: #FFFFFF; display: block; line-height: 58px; outline: medium none; text-align: center; text-decoration: none; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #83c103), color-stop(0.5, #78ae00), color-stop(0.51, #7db902), color-stop(1, #88ca04)); background-image: -moz-linear-gradient(center bottom, #83c103 0%, #78ae00 50%, #7db902 51%, #88ca04 100%); background-color: #7db902; } #nav li a:hover { color: #000000; display: block; line-height: 58px; outline: medium none; text-align: center; text-decoration: none; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #83c103), color-stop(0.5, #78ae00), color-stop(0.51, #7db902), color-stop(1, #88ca04)); background-image: -moz-linear-gradient(center bottom, #83c103 0%, #78ae00 50%, #7db902 51%, #88ca04 100%); background-color: #7db902; } #nav li:hover ul { left: 0; top: 58px; width: 144px; display:block; } li:hover ul, li.over ul { display: block; } Почему оно в Internet explorere не работает и как это починить? и еще, кнопки смещаются в Internet explorere, как их растянуть? а, еще в Опере и Internet explorere градиент не работает( Заранее спасибо
×
×
  • 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