stalker_2000
-
Posts
83 -
Joined
-
Last visited
stalker_2000's Achievements
Explorer (1/14)
0
Reputation
-
свойство visibility для тега col не работает?
stalker_2000 replied to stalker_2000's question in HTML Coding
да, иногда лучше читать... вопрос снимается -
http://jsfiddle.net/XYwFE/ По задумке ячейки с классом "hide" должны быть полностью скрыты, но скрыт только контент. Более того, если сделать так вообще глупость получается. Почему так?
-
спасибо, так намного лучше!
-
Приветствую! Верстаю меню, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> * { padding: 0; margin: 0; } body { padding: 5px 10px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; } #main_menu ul { list-style-type: none; display: block; } #main_menu li { display: block; float: left; position: relative; } #main_menu li a { display: inline-block; padding: 10px; color: #000; border-color: #000; border-bottom: 1px solid; text-decoration: none; } #main_menu li span { display: inline-block; padding: 10px; color: #000; border-radius: 5px 5px 0px 0px; border-color: #000; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; } #main_menu li span.blank { width: 5px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid; } </style> </head> <body> <div id="main_menu"> <ul> <li><span>menu 1</span></li> <li><span class="blank"></span></li> <li><a href="?page=2">menu2</a></li> <li><span class="blank"></span></li> <li><a href="?page=3">menu3</a></li> </ul> </div> <!-- ============================================================================================== --> <div style="clear: both;"></div> </body> </html> Между вкладками добавляю <li><span class="blank"></span></li> что-бы они не липли друг-к-другу. Проблема в том, что нижняя граница пустых span-ов должна быть вровень с другими элементами, а она выпирает вверх (т.к. span имеет нулевую высоту) и получается вот так: Можно исправить, если принудительно добавить в пустые спаны пробел ( ), но это оскорбляет мои чувства. Ещё можно принудительно задать высоту, но тогда а) при масштабировании в броузере всё равно разлезАется, б) сайт верстается в em, точно подобрать гемморно. Есть ещё способы?
-
вложенные 100% div-ы, внутренний вылазит на толщину границы
stalker_2000 replied to stalker_2000's question in HTML Coding
спасибо, ещё обнаружил, что работает задание padding-right и padding-bottom равным толщине границы*2 для внешнего блока -
вложенные 100% div-ы, внутренний вылазит на толщину границы
stalker_2000 posted a question in HTML Coding
Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри? -
ахаха, ну я тупой Спасибо!
-
Где же их там ещё ставить? Там всего-то пару строк кода. Выполняется строго до $('#form1').submit (проверено алертом), внутрь этой функции почему-то не заходит...
-
Совет ни о чем... firebug стоит уже лет 5, ошибок нет, алерт в коде стоит (если присмотреться, его можно увидеть). В логике я ошибок не вижу, если бы видел то исправил. Логично?
-
Добрый день! Сделал форму для заполнения через .dialog. При нажатии кнопки "сохранить" ничего не происходит. Подскажите, почему? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/flick/jquery.ui.all.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // ———————————————- $( "#add_form" ).dialog({ autoOpen: false, closeOnEscape: true, modal: true, buttons: { "Сохранить": function() { $(this).dialog("close"); $('#form1').submit(function(){ alert('Форма form1 отправлена на сервер'); return false; }); }, "Отмена": function() { $(this).dialog("close"); } } }); $('button').button(); $('#add_button').click(function() { $("#add_form").dialog("open"); }); // ———————————————- }); </script> </head> <body> <button id="add_button">Добавить событие</button> <form id="form1" method="post" action="sdfsdf.html"> <input type="hidden" name="action" value="add" /> <table id="add_form" title="Добавить"> <tr> <td>input #1:</td> <td><input type="text" name="date" value="13.06.2012" /></td> </tr> <tr> <td>input #2:</td> <td><input type="text" name="name" /></td> </tr> </table> </form> </body> </html>
-
границы в ячейках таблицы перерисовывают остальные границы
stalker_2000 replied to stalker_2000's question in HTML Coding
решил обойтись утолщением границ до 2px... -
Какая ужасная вёрстка... Для создания таких меню используют список, но никак не таблицу с пробелами. А ещё совершенно непонятно, зачем диву указывать "display: block". По сути вопроса - почитайте тут и выберите удобный способ для избежания схлопывания.
-
границы в ячейках таблицы перерисовывают остальные границы
stalker_2000 posted a question in HTML Coding
Приветствую! Рисую календарь, выглядит вот так: пытаюсь добавить границы ячейкам таблицы, получаю такое: Как видно, затирается левая и нижняя граница таблицы, а так же граница строки после дней недели. Подскажите, как это исправить? Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } body { padding: 50px; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; } table.calendar { float: left; margin-top: 10px; margin-right: 10px; border: 1px solid #000 !important; } table.calendar, table.calendar tr, table.calendar td, table.calendar th { border-collapse: collapse; } table.calendar td { border: 1px solid #e0e0e0; } table.calendar tr.weeks td, table.calendar th { padding: 5px; } table.calendar tr.weeks td { font-weight: bold; } table.calendar tr.weeks { border-bottom: 1px solid #000 !important; } table.calendar td { text-align: center; } table.calendar th { background: #6c90e6; } table.calendar td a, table.calendar td div { display: block; padding: 5px; text-decoration: none; color: #000; } table.calendar td a.current, table.calendar td a.current:hover { background: #6c90e6; } table.calendar td div { cursor: default; } table.calendar td a:hover { background: #ffe0aa; } </style> </head> <body> <table class="calendar"> <tr><th colspan="100">Июнь 2012</th></tr> <tr class="weeks"> <td>Пн</td> <td>Вт</td> <td>Ср</td> <td>Чт</td> <td>Пт</td> <td class="red">Сб</td> <td class="red">Вс</td> </tr> <tr> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><a href="#">1</a></td> <td><a class="bold red " href="#">2</a></td> <td><a class="bold red " href="#">3</a></td> </tr> <tr> <td><a href="#">4</a></td> <td><a href="#">5</a></td> <td><a href="#">6</a></td> <td><a href="#">7</a></td> <td><a class="current " href="#">8</a></td> <td><a class="bold red " href="#">9</a></td> <td><a class="bold red " href="#">10</a></td> </tr> <tr> <td><a href="#">11</a></td> <td><a href="#">12</a></td> <td><a href="#">13</a></td> <td><a href="#">14</a></td> <td><a href="#">15</a></td> <td><a class="bold red " href="#">16</a></td> <td><a class="bold red " href="#">17</a></td> </tr> <tr> <td><a href="#">18</a></td> <td><a href="#">19</a></td> <td><a href="#">20</a></td> <td><a href="#">21</a></td> <td><a href="#">22</a></td> <td><a class="bold red " href="#">23</a></td> <td><a class="bold red " href="#">24</a></td> </tr> <tr> <td><a href="#">25</a></td> <td><a href="#">26</a></td> <td><a href="#">27</a></td> <td><a href="#">28</a></td> <td><a href="#">29</a></td> <td><a class="bold red " href="#">30</a></td> <td><div> </div></td> </tr> <tr> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> <td><div> </div></td> </tr> </table> </body> </html> -
Спасибо, всё получилось. Дополнительное поле использовать возможности нет, т.к. база пополняется рядовыми сотрудниками.
-
Приветствую! Есть таблица, сортируемая по полю varchar вот так: склад №1 склад №11 склад №2 склад №22 склад №3 склад №33 склад №4 склад №44 склад №5 склад №55 ... и т.д. возможно ли без ввода дополнительных столбцов в таблицу отсортировать эти значения по-человечески - склад №1,№2 и т.д?