Webr
-
Posts
88 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Webr
-
Нужно наложить полупрозрачную картинку с росписью человека поверх графы (ячейки таблицы). Роспись размашистая, поэтому захватывает верхнюю и нижнюю графу. Сделал при помощи position:absolute. В общем почти всё как надо - и ячейка не распухает от росписи, и роспись накладывается поверх, и даже находится почти там, куда я вставил img. Дело за малым - сдвинуть роспись вверх на 20 пикселей ОТНОСИТЕЛЬНО её текущего положения так, чтобы она по-прежнему осталась поверх. Позиционирование относительно верхнего левого края документа не подходит, ибо документ с "плавающим" дизайном. Как только делаю position:relative, графа распухает, хотя при смещении видно, что картинка накладывается поверх. Как сделать?
-
Можно ли как-нибудь изменить шрифт маркёров-цифр в элементах списка OL, чтобы остальной текст был по-прежнему нормального размера? В частности, сделать цифры верхним индексом.
-
Я знаю. Это просто отчёт о ситуации.
-
Вот так работает в Opera 9.64, не работает в IE8 и FireFox 3.0.7: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table> <colgroup align="left" /> <colgroup align="center" span="2" /> <tr><th>Feature</th><th>FTP</th><th>HTTP</th></tr> <tr><td>Session-based</td><td>Yes</td><td>No</td></tr> <tr><td>User authentication built in</td><td>Yes</td><td>No</td></tr> </table> </body> </html> А так не работает ни в одном из трёх упомянутых браузеров: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table> <colgroup style="text-align:left" /> <colgroup span="2" style="text-align:center" /> <tr><th>Feature</th><th>FTP</th><th>HTTP</th></tr> <tr><td>Session-based</td><td>Yes</td><td>No</td></tr> <tr><td>User authentication built in</td><td>Yes</td><td>No</td></tr> </table> </body> </html>
-
Я польщён, что кому-то за меня стыдно. В общем, понятно, что если где-то встречается tbody или thead - все строки должны быть в tbody и thead.
-
<table> <tr></tr> <tr></tr> <tbody> <tr></tr> <tr></tr> </tbody> <tr></tr> <tbody> <tr></tr> <tr></tr> </tbody> <tr></tr> <tr></tr> </table>
-
По замыслу катит и даже работает как надо, но валидатор XHTML ругается: document type does not allow element "tbody" here
-
Как грамотно обозначить группу строк таблицы для её отображения и скрытия через JavaScript, если не хочется им задавать id="grp1row1" id="grp1row2" id="grp1row3" и так далее (чтобы не задумываться о поддержке непрерывности списка номеров) и не использовать атрибут class для того, для чего он не предназначен (да и совать в каждый tr имя класса - замучаешься)? Можно, конечно, использовать атрибут "name", но я стараюсь придерживаться правил XHTML, где данный атрибут запрещён.
-
Глючит скрытие/отображение строки таблицы через JavaScript
Webr replied to Webr's question in HTML Coding
И в самом деле, когда задаю display:'' всё нормально. Выходит, это IE8 работает неправильно, а не наоборот. -
Я попробовал через JavaScript (display = none | block) сделать так, чтобы в громоздкой таблице строки скрывались и появлялись при нажатии на нужные линки. Скрывается хорошо, но вот появляется строка, целиком вложенная в первую ячейку. Такое поведение наблюдается в Opera 9.64 и FireFox 3.0.7. В IE8 всё нормально. Как реализовать задумку?
-
Красиво, конечно, но нужно универсальное решение. table#cntab table td, table#cntab table th {border:none} Мне такой вариант нравится. Спасибо.
-
<style type="text/css"> table#cntab {border-collapse:collapse} table#cntab td, table#cntab th {border:solid 1px black} </style> <table id="cntab"> <tr><th>Column</th><th>Feature</th></tr> <tr> <td>ID</td> <td> <asp:RadioButtonList ID="IDColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem> <asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr> <td>SomeNumber</td> <td> <asp:RadioButtonList ID="ValColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="unique" Text="Has unique constraint"></asp:ListItem> <asp:ListItem Value="uniqueafter" Text="Unique constraint applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> </table> Хочу, чтобы указанный в секции style стиль применился только к таблице-контейнеру, а он применяется и к вложенным таблицам (в которые превращаются контролы RadioButtonList после рендеринга сервером). Как быть, если не хочется указывать в каждом td атрибут class?
-
Я говорю о громоздкости кода Про "тут" и "здесь" вопросов нет - и так понятно.
-
Часто бывает, что ссылки на внешние документы довольно длинны, из-за них страдает удобочитаемость HTML-кода. Хочется вынести ссылки за пределы разметки, сосредоточив их в одном месте документа. Один способ я знаю - JavaScript. А можно ли такое сделать силами HTML или CSS ?
-
Тестирование данной разметки в Opera 9.64 и MSIE 8 показало, что выставляемые в колонке значения (например, ширина) срабатывают только если они не определены в общем для всех ячеек таблицы стиле, в секции <style>. Иначе же параметры секции style перекрывают все попытки что-либо изменить.
-
Существует ли в CSS возможность задать стиль ячеек определённой колонки таблицы так, чтобы не указывать class для каждой ячейки?
-
Шикарно!
-
Позволяет ли CSS задать стиль ячеек конкретной таблицы так, чтобы не указывать в каждом td атрибут class или style, и чтобы изменения повлияли только на одну таблицу, а остальные остались как были?
-
Нет, оказалось вот так: .sidenote { width:200px; clear:left; float:left; padding:3px; border:solid 2px turquoise; margin:15px }
-
<style type="text/css"> .sidenote {width:200px; float:left; padding:3px; border:solid 2px turquoise; margin:15px} </style> .................... <div class="sidenote"> Выноска </div> Основной текст <div class="sidenote"> Выноска </div> Продолжение основного текста. div'ы класса sidenote сделаны float. Когда два таких div'а стоят близко друг к другу, один из них позиционируется как float относительно другого, а мне хотелось бы, чтобы они были float для чего угодно, кроме друг друга. Чтобы они сами позиционировались друг под другом. Это реально?
-
Нет единого стандарта.
-
Насколько это стандартизованная штука?
-
Вот-вот, опять пошло-поехало в разнобой.
-
Существуют ли в XHTML и HTML атрибуты, указывающие альтернативное произношение для систем TTS? Скажем, написано "FAQ", а спич-машина читает "Frequently Asked Questions". Я имею в виду что-то типа: <span xml:lang="en" xml:speech="Frequently Asked Questions">FAQ</span>
-
С одной стороны, я их понимаю, но с другой: 1. Если пользователь хочет, чтобы по каждому тычку открывалось новое окно/вкладка, то ему надоест каждый раз помнить, что нужно нажать Shift или вызвать контекстное меню. Как вариант, можно напичкать страницу Java-скриптами, управляемыми соответствующим параметром настройки сайта. 2. Если пользователь не искушён в вопросах браузинга (это скорее правило, чем исключение), и не знает как отключать JavaScript, то я могу подставить что атрибут target, что функцию на JS - это будет точно такое же насильное навязывание поведения сайта. Так что, поведение W3C нелогично. Хорошо построенный сайт будет в любом случае хорошим и учитывает потребности пользователей, а плохо построенный пользователи посещать не будут. Следующим шагом будет, видимо, удаление window.open из JS. Кстати, указание атрибута target у тега "a" было единственным средством отделить окна, появляющиеся по добровольному тычку мышью от назойливых popup windows, вызываемых спамерами через JavaScript.