stalker_2000
-
Posts
83 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by stalker_2000
-
свойство 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 и т.д?
-
Обернул наблицу в див с position: relative, а внутрь запихнул абсолютный див нужного размера, и получил нужное
-
тык
-
Так ведь если нашинковать, там разрыв есть, между первой и второй колонкой. А надо, что бы разрывов не было (с), причем только в шапке. Ниже баннеры, они должны отделяться.
-
попробую
-
переверстать сайт нереально...
-
в них ведь таблицы Оформили, не нравится. Сплошную шапку вынь да подай
-
Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> </table> </td> <td width="718px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="718px" height="250px" /></td></tr> <tr><td>Vestibulum non bibendum urna. Quisque bibendum risus eu nulla semper imperdiet. Vestibulum elit arcu, laoreet eu sollicitudin vel, vehicula eu nisl! Fusce eleifend condimentum tellus, at interdum est sodales et. Morbi auctor arcu turpis, porta mattis dui? Donec lacinia euismod sapien vitae cursus. Sed ac ipsum vitae purus gravida ornare! Nullam sed tortor non libero pharetra malesuada accumsan nec eros. Vivamus lorem ante, congue nec ornare id; dictum eget augue? Sed nisi dolor, sollicitudin sed porttitor id, gravida ut magna. Pellentesque vitae nunc erat, convallis ullamcorper neque. Nullam sed tincidunt felis. Nullam in quam et mauris condimentum blandit pharetra at est. Fusce mattis luctus nisi; id porta dui viverra ac! Quisque condimentum rutrum arcu, a interdum nibh rhoncus et. Duis ac nibh tortor. Sed vulputate semper turpis id malesuada! Nam id leo urna. Nam vestibulum, dolor non sodales tristique, eros sem varius felis, ac placerat odio sem nec erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris a ligula massa, quis eleifend orci. Aliquam commodo nibh a ligula congue a placerat orci gravida. Mauris tincidunt dolor at velit rhoncus eget rhoncus purus laoreet. Vestibulum mi elit, auctor quis bibendum nec, lacinia eget mauris. Nam pretium risus et enim varius sodales? Donec consectetur fermentum lectus, vel rhoncus odio venenatis eget. Duis quis urna sed dolor ultrices posuere in id diam. Suspendisse potenti. </td></tr> </table> </td> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> </table> </td> </tr> </table> </body> </html> От руководства поступило предложение, от которого я не смог отказаться - объединить верхнюю левую ячейку с верхней средней. Объединить нужно чисто визуально, для шапки сайта, не трогая ширину колонок и отступы. Подскажите, как это можно сделать?
-
спасибо, разобрался
-
Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?
-
Прижать футер в подвал - за ответ 50р.
stalker_2000 replied to dimmmid's topic in Goods and Services
position: relative/fixed или я чего-то не понял?