Jump to content

olejan

Newbie
  • Posts

    23
  • Joined

  • Last visited

Everything posted by olejan

  1. Не работает фильтрация с плагином datatables . <link href="catalog/view/javascript/datatables/jquery.dataTables.css" rel="stylesheet"><script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script><script type="text/javascript" src="catalog/view/javascript/datatables/jquery.dataTables.min.js"></script><style type="text/css">#table_data{ border: 1px solid #cccccc; } TH, TD { border: 1px solid #cccccc; text-align: center; }</style><table id="table_data"> <thead> <tr class="gradeA"> <th>Название файла</th> <th>Размер файла</th> <th>Тип материала</th> <th>Описание</th> </tr> </thead> <tbody> <tr class="gradeA"> <td><a href="filesRobolatory/cc_10.png">cc_10.png</a></td> <td>1,62 Кб</td> <td>Изображение 1</td> <td>Изображение о чем-то</td> </tr> <tr> <td><a href="filesRobolatory/gg_03.png">gg_03.png</a></td> <td>1,73 Кб</td> <td>Изображение 2</td> <td>Изображение ни о чем</td> </tr> </tbody></table><script type="text/javascript"> $(document).ready(function(){ $("#table_data").dataTable() .columnFilter({ aoColumns: [ { type: "select", values: [ 'cc_10.png', 'gg_03.png'] }, ] });}); </script>
  2. нужен простой шаблон как на изображении https://docs.google.com/document/d/1J7Z-O8fjF6-wVQM9v3GM7IbgVFsNCcDT9EpsLQUTwEg/edit
  3. есть функция function content(){ $.ajax({ url: "index.php", cache: false, success: function(html){ $("#content").html(html); } }); } $(document).ready(function(){ content(); setInterval('content()', 20000); }); запрос должен происходить каждые 20 сек,но он происходит каждую секунду в независимости от того какое время я бы не ставил, а также ужасно загружается процессор. в чем проблема?
  4. Есть задание реализовать постраничную разбивку с использованием smarty. Подскажите сама разбивка на странице должна происходить в шаблоне или этим должен заниматься PHP? если в шаблоне,то подскажите в какую сторону думать,потому что со smarty работаю в первый раз.
  5. Читать очень внимательно от сюда и далее http://htmlbook.ru/samlayout/rezhimy-brauzerov спс)займусь)
  6. Аааа, так комментарий сверху убери и поставь полный доктайп. Это я у тебя забыла поправить. ммм...а как сделать полный доктайп?
  7. спасибо) только в осле оно как-то неоч выглядит.... В каком? Ослов много. ИЕ7-9 выглядит как надо. в седьмом отсупа слева нету и надо добавлять отдельнфй стиль для него
  8. спасибо) только в осле оно как-то неоч выглядит....
  9. то ведь комментарии,я не думаю, что что-то поменяется,но попробую, судя по всему єто проблемі со старой оперой с версией меньше 9й,т. к. на 9 все норм <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> <div id="right">правый див</div> <div id="data">данные</div> <div id="clear"></div> <div id="footer">подвал</div> </body> </html> #header{ margin-left: 15%; width: 70%; height: 100px; background-color: red; } * HTML #header { margin-left: 20%; width: 80.7%; } #hor_menu{ margin-left: 15%; width: 70%; height: 100px; background-color: aquamarine; } * HTML #hor_menu { margin-left: 20%; width: 80.7%; } #left{ margin-left: 15%; width: 10%; height: 500px; float: left; background-color: yellow; } * HTML #left { margin-left: 20%; float: left; } #right{ width: 10%; height: 500px; margin-right: 15%; float: right; background-color: yellow; } * HTML #right { position: relative; margin-right: 15%; float: right; position: relative; left: -6px; } #data{ margin-left: 25%; margin-right: 25%; width: 50%; height: 500px; background: yellowgreen; } * HTML #data { position: relative; left: -3px; width: 100%; } #clear{ clear: both; } #footer{ margin-left: 15%; width: 70%; height: 100px; background-color: red; } * HTML #footer { margin-left: 20%; width: 80.7%; }
  10. делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> <div id="right">правый див</div> <div id="data">данные</div> <div id="clear"></div> <div id="footer">подвал</div> </body> </html> css #header{ margin-left: 15%; width: 70%; height: 100px; background-color: red; } * HTML #header { margin-left: 20%; width: 80.7%; } #hor_menu{ margin-left: 15%; width: 70%; height: 100px; background-color: aquamarine; } * HTML #hor_menu { margin-left: 20%; width: 80.7%; } #left{ margin-left: 15%; width: 10%; height: 500px; float: left; background-color: yellow; } * HTML #left { margin-left: 20%; float: left; } #right{ width: 10%; height: 500px; margin-right: 15%; float: right; background-color: yellow; } * HTML #right { position: relative; margin-right: 15%; float: right; position: relative; left: -6px; } #data{ margin-left: 25%; margin-right: 25%; width: 50%; height: 500px; background: yellowgreen; } * HTML #data { position: relative; left: -3px; width: 100%; } #clear{ clear: both; } #footer{ margin-left: 15%; width: 70%; height: 100px; background-color: red; } * HTML #footer { margin-left: 20%; width: 80.7%; }
  11. всем спасибо, я все-таки понял как
  12. если отступ отрицательный то подвал накладывается на правый див,а надо,чтоб див на подвал код css #left{ width: 368px; float: left; background: aquamarine; } #right{ background: blueviolet; overflow: hidden; } #logo{ width: 368px; height: 140px; background: red; } #extended{ background: crimson; width: 363px; height: 120px; padding: 1px; } #submenu{ background: yellow; width: 200px; height: 250px; margin-top: 10px; margin-left: 163px; padding: 1px; } #menu{ float: left; } #picture{ background: yellow; width: 363px; height: 169px; float: right; } #news{ width: 50%; height: 200px; background: yellow; float: left; } #event{ width: 50%; height: 200px; background: yellowgreen; margin-left: auto; } .clear{ clear: both; } #data{ height: 300px; } div#footer{ background: blanchedalmond; width: 100%; height: 100px; padding: 1px; margin-top: -50px; } div#content-clear{ /* Данный блок нужен, чтобы подвал не налезал на контент */ clear:both; height: 100px; } код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="lab3.css" /> </head> <body> <div id="left"> <div id="logo">logo</div> <div id="extended">annotation</div> <div id="submenu">submenu</div> </div> <div id="right"> <div id="menu">Menu</div> <div id="picture">Picture</div> <div class="clear"></div> <div id="news">News</div> <div id="event">Event</div> <div id="data">Data</div> </div> <div id="footer">footer</div> </body> </html>
  13. Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?
  14. все исправил,но при заполнении левого блока инфой он вылазит за границы главного поверх подвала( разобрался....
  15. блин,такие элементарные вещи...
  16. в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div id="header"> <div id="col2"> <div id="submenu"></div> </div> <div id="col1"> <div id="logo">Логотип</div> <div id="extended">Аннотация</div> <div id="submenu">Подменю</div> </div> </div> <div id="footer"></div> </body> </html> код css div#header { background: grey; border: black 2px dashed; width: 70%; min-width: 888px; margin:0 15% 0 15%; } div#col1{ background: coral; border: black 2px ridge; width: 367px; margin-right: auto; } div#col2{ background: gold; border: black 2px ridge; width: 513px; float: right; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; } div#extended{ background: crimson; border: green 2px ridge; width: 363px; height: 120px; } div#submenu{ background: yellow; border: green 2px ridge; width: 200px; height: 1000px; margin-top: 10px; margin-left: 163px; } div#contact{ background: aquamarine; border: green 2px ridge; width: 363px; height: 100px; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#footer{ background: blanchedalmond; border: black 2px dashed; width: 70%; height: 100px; min-width: 888px; margin:0 15% 0 15%; } помогите,ребят,сижу уже больше часа не могу понять
  17. все разобрался)
  18. ну я дал)спс большое)
  19. НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; float: right; } Код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <link href="style.css" type="text/css" rel="stylesheet" > <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div id="header"> <div id="logo">Логотип</div> <div id="menu">Меню</div> <div id="picture">Рисунок по теме сайта</div> </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