olejan
Newbie-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by olejan
-
Не работает фильтрация с плагином 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>
-
нужен простой шаблон как на изображении https://docs.google.com/document/d/1J7Z-O8fjF6-wVQM9v3GM7IbgVFsNCcDT9EpsLQUTwEg/edit
-
есть функция function content(){ $.ajax({ url: "index.php", cache: false, success: function(html){ $("#content").html(html); } }); } $(document).ready(function(){ content(); setInterval('content()', 20000); }); запрос должен происходить каждые 20 сек,но он происходит каждую секунду в независимости от того какое время я бы не ставил, а также ужасно загружается процессор. в чем проблема?
-
Есть задание реализовать постраничную разбивку с использованием smarty. Подскажите сама разбивка на странице должна происходить в шаблоне или этим должен заниматься PHP? если в шаблоне,то подскажите в какую сторону думать,потому что со smarty работаю в первый раз.
-
Читать очень внимательно от сюда и далее http://htmlbook.ru/samlayout/rezhimy-brauzerov спс)займусь)
-
Аааа, так комментарий сверху убери и поставь полный доктайп. Это я у тебя забыла поправить. ммм...а как сделать полный доктайп?
-
спасибо) только в осле оно как-то неоч выглядит.... В каком? Ослов много. ИЕ7-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%; }
-
делаю макет в 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%; }
-
всем спасибо, я все-таки понял как
-
если отступ отрицательный то подвал накладывается на правый див,а надо,чтоб див на подвал код 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>
-
Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?
-
все исправил,но при заполнении левого блока инфой он вылазит за границы главного поверх подвала( разобрался....
-
блин,такие элементарные вещи...
-
в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код 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%; } помогите,ребят,сижу уже больше часа не могу понять
-
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 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>