s0rr0w
-
Posts
5,139 -
Joined
-
Last visited
-
Days Won
32
Content Type
Profiles
Forums
Calendar
Store
Everything posted by s0rr0w
-
Вот насоветовали с три мешка... a { margin-right: 20px; }
-
float: left или display: inline-block;
-
FF2 Можно смело игнорировать, поэтому можно просто использовать inline-block. А код слабо выложить этих трех блоков? А то читаю я ваши рассказы, и диву даюсь, про что вы там речь ведете...
-
display: inline-block;
-
CSS не умеет управлять цветовыми трансформациями.
-
Чтобы лучше понимать то, про что здесь говорится, возьмем простой пример. Вы - начальник бригады разнорабочих. style будет равнозначен следующему приказу: (указывая на конкретного человека) "Ты идешь со мной". id: "Иванов Иван Иванович, на выход". class: "Все Ивановы идут со мной". имя тега: "Все сантехники, на выход" Вы можете комбинировать, например, все сантехники Петровы, или маляр Иванов Иван Иванович, и достигать наилучшего результата в своих селекторах.
-
Ну, можно сделать немного не так. Нарезать эту конструкцию на сендвич из 3 слоев: заголовок, контент с простым бордюром, подвал. Исхитриться без фона под заголовком, я думаю можно. Нам нужно, чтобы некий блок начинался сразу после текста. На выручку может придти display: table-cell, или хитрости с отрицательным смещением текста относительно правой части закругления.
-
Появление/исчезание подсветки в кнопке при клике по ней
s0rr0w replied to Gamer's question in JavaScript
А если немного изменить мышление, то вы будете делать это гораздо быстрее и эффективнее. Вот смотрите, что у вас есть. Есть кнопка, которая реагирует на наведение мыши. Есть блок (или набор блоков), который реагирует на это же событие. При нажатии на какую-то кнопку нам нужно запомнить, какая именно кнопка у нас активная, и для активной кнопки не нужно менять состояние. Вы меняете src у картинки, что не сильно хорошо. Я потом расскажу, как от этого избавиться, чтобы не писать прелоадер на JS. Весь код у нас будет лежать в одном контейнере (хотя можно и в разных, не суть важно). Вот так будет выглядеть наш элемент. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>StateController. Пример.</title> <link rel="stylesheet" type="text/css" href="../inc/main.css"> <link rel="stylesheet" type="text/css" href="local.css"> <script type="text/javascript" src="../StateController/lib.js"></script> <script type="text/javascript" src="../StateController/stateController.js"></script> <script type="text/javascript" src="../StateController/scHandlers.js"></script> <script type="text/javascript"> var roll = function ( alias, state ) { try { GSC_setValAndLaunch( "roll", ( state )? alias : -1, "dataContainer" ); } catch ( e ) {} }; var activate = function ( alias ) { try { GSC_setValAndLaunch( "active", alias, "dataContainer" ); } catch ( e ) {} }; </script> <style type="text/css"> .hover, .active .normal, .activeItem .normal { display: none } .active .hover, .activeItem .hover, .visibleTitle { display: inline } .activeTitle { display: inline !important } </style> </head> <body> <div id="dataContainer"> <div> <a href="#" onmouseover="roll(1, true);" onmouseout="roll(1, false);" onclick="activate(1); return false;" SC="sc_apply_class_by_id:roll:1:active|sc_apply_class_by_id:active:1:activeItem"><span class="normal">Нормальная картинка 1</span><span class="hover">Ненормальная картинка 1</span></a> <span SC="sc_apply_class_by_id:roll:1:visibleTitle|sc_apply_class_by_id:active:1:acti veTitle" class="hiddenBlock">Подпись к картинке 1</span> </div> <div> <a href="#" onmouseover="roll(2, true);" onmouseout="roll(2, false);" onclick="activate(2); return false;" SC="sc_apply_class_by_id:roll:2:active|sc_apply_class_by_id:active:2:activeItem"><span class="normal">Нормальная картинка 2</span><span class="hover">Ненормальная картинка 2</span></a> <span SC="sc_apply_class_by_id:roll:2:visibleTitle|sc_apply_class_by_id:active:2:acti veTitle" class="hiddenBlock">Подпись к картинке 2</span> </div> <div> <a href="#" onmouseover="roll(3, true);" onmouseout="roll(3, false);" onclick="activate(3); return false;" SC="sc_apply_class_by_id:roll:3:active|sc_apply_class_by_id:active:3:activeItem"><span class="normal">Нормальная картинка 3</span><span class="hover">Ненормальная картинка 3</span></a> <span SC="sc_apply_class_by_id:roll:3:visibleTitle|sc_apply_class_by_id:active:3:acti veTitle" class="hiddenBlock">Подпись к картинке 3</span> </div> </div> </body> </html> -
Пользовать можно, это удобный способ добавления событий автоматически. Но в местах, где это совершенно не критично, или не вызывает особых проблем с пониманием того, как это работает.
-
Ururu, вы, наверное, особенный? Вы видели хоть у одного человека на этом форуме в подписи картинки? Если вы не умеете отличаться от других чем-то, кроме попугайского обвешивания картинками, то я могу дать вам пару дельных советов.
-
Фоновые рисунки не умеют сжиматься.
-
Вам не таблицу нужно использовать.
-
Ага, дебаг такого кода через пару месяцев приведет в ужас любого кодера. Начнем с того, что нет массива рарегистрированных listener'ов, а это значит, что понять, какие именно обработчики есть у этой ноды можно только после детального изучения кода. Если с одной HTML структурой могут работать более одного модуля, то тут начинается "веселье". Правильный код тот, который требует минимума времени на идентификацию и исправление проблемы, или расширение функционала. Если вы открыли код через три месяца и не понимаете как это работает, вам стоит выбросить данный код.
-
Я не знаю. Не пользуюсь этим поисковиком, так как 90% своих задач ищу на англоязычных сайтах.
-
Но это удобно для дальнейшей модификации.
-
Копать в сторону attachEvent
-
jQuery переопределил функцию $(), которая используется в моем коде тоже. Замените в моем коде везде $ на $g, и все заработает.
-
var foo = function () { return "It's foooooo" } var funcName = "foo"; if (window[funcName]) { alert( "Есть такая функция") alert( window[funcName]() ) }
-
У абсолютно-спозиционированных элементов есть одно маленькое западло. Они не формируют контента и, соответственно, все что за пределами страницы уйдет в никуда.
-
Параграфы в ячейках таблицы Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Параграфы в ячейках таблицы</title> </head> <body> <table style="border: 1px solid red;"> <tr> <td> <p style="background: #ccc;">Text</p> </td> </tr> </table> </body> </html> Решения 1. Если отступы нужны, то указываем p { margin: 1em 0px } 2. Если не нужны, то указываем p { margin: 0px } Причина Так исторически сложилось. Тяжелое детство.
-
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для букв по типу р, у, ф, некоторые части которых опущены ниже базовой линии.
-
Не поверите, у меня все работает. Что я делаю не так? Вижу ссылку http://site/stateController.js Она открывается у вас нормально?
-
Если нельзя, но очень хочется, то можно Валидацию не пройдет, но работать будет.
-
google.com Ищите "уроки adobe flash"
-
Есть в css класс .hiddenBlock { display: none } ?
