psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
exessqd1, Воот, наконец-то, нормально ответил. Спасибо за объяснения, приятно было читать, но: 1. Всё это конечно здорово, БЭМ и прочие вещи, но тут нужно ещё и понимать, что это не панацея и что такой строгий подход не всегда бывает полезен, т.е. может быть и полезен, но не так эффективен, как мы от него ждём. Вёрстка вёрстке рознь. Если ты делаешь хомяк, небольшой сайт визитку или ещё чего на подобии, то эти методы будут только мешать, так как понесут за собой траблы с удобочитаемостью кода, а скорость при этом ни чуть не изменится или изменится, но на столько, что в итоге игра-то и не стоит свеч. 2. Так же с выходом удобных селекторов, вешать на каждую живую душу классы тоже становится не очень приятной затеей. Всё таки они не для того придуманы, чтобы пылиться на полке. Я считаю так, что всегда нужно смотреть по ситуации. Если это ну очень оправдано, то конечно же использовать этот подход. p.s. Да, и конечно же я не имею ввиду, что должно быть пофиг вот на такой вот ужас treehead treerow treecell {…} В таких ситуациях, я лично, не задумываюсь придумаю класс для конечного селектора. И вообще конечно же нужно думать головой, прежде чем писать любое правило. Я говорил про крайности, типа навешивания классов, где можно и нельзя.
-
Это ты на каком таком языке с нами говоришь?
-
Значит нужно писать посты так, чтобы у других не возникало сомнений.
-
Спасибо, буду разбираться! Давай, пиши, если чО
-
oke11o, Твой пост вполне заслуживает раздел "Коммерческие услуги", так что туда я его и перенесу пожалуй.
-
Odrin, Лови, брат: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <style type="text/css"> canvas { border: 1px solid; } </style> <script type="text/javascript"> function rand( min, max ) { return Math.floor(Math.random() * (max - min + 1)) + min; } function renderToCanvas(w, h, renderFunction) { var buffer = document.createElement('canvas'); buffer.width = w; buffer.height = h; renderFunction(buffer.getContext('2d')); return buffer; } function snow(qty) { var arr = []; for (var i = 0; i < qty; i++) { arr.push({ x: rand(-20, 520), y: rand(-20, 520), vx: rand(-1, 1) / 10, vy: rand(5, 10) / 10 }); } return arr; } window.onload = function() { var delta = 0; var frames = 0; var lastTime = (new Date()).getTime(); var updateTime = 0; var updateFrames = 0; var canv = document.getElementById('test'); var ctx = canv.getContext('2d'); var round = renderToCanvas(20, 20, function(ctx) { ctx.beginPath(); ctx.arc(10, 10, 10, 0, Math.PI * 2, false); ctx.fill(); }); var s = snow(5000); // кол-во шариков window.setInterval(function() { // FPS var now = (new Date()).getTime(); delta = now - lastTime; lastTime = now; frames++; updateTime+=delta; updateFrames++; if (updateTime > 1000) { document.getElementById('debug').innerHTML = 'FPS: ' + (1000 * updateFrames / updateTime); updateTime = 0; updateFrames = 0; } // Main ctx.clearRect(0, 0, canv.width, canv.height); for (var i = 0; i < s.length; i++) { s[i].x += s[i].vx; s[i].y += s[i].vy; if (s[i].x > 520) { s[i].x = -10; } if (s[i].y > 520) { s[i].y = -20; } ctx.drawImage(round, s[i].x, s[i].y); } }, 10); } </script> </head> <body> <canvas id="test" width="500" height="500"></canvas> <h2>С буфером</h2> <div id="debug"></div> </body> </html>
-
:focus {outline: none;}
-
В таких случаях всё делается на JS. Бросаешь блоки в боди и уже при выпадании тех же списков рассчитываешь координаты и откидываешь их туда.
-
liar_84, Ясно, тогда вопрос: Где тут между меню див? <menu id="menu"> <ul class="ulmenu menu1"> <li><a href="#">Меню 1</a> <div class="tabmenu">ased</div> </li> <li><a href="#">Меню 2</a> <div class="tabmenu">sds</div> </li> <li><a href="#">Меню 3</a> <div class="tabmenu3">dfdfdf</div> </li> <li><a href="#">Меню 4</a> <div class="tabmenu4"></div> </li> <li><a href="#">Меню 5</a> <div class="tabmenu5"></div> </li> </ul> <ul class="ulmenu menu2"> <li><a href="#">Меню 6</a> <div class="tabmenu6"></div> </li> <li><a href="#">Меню 7</a> <div class="tabmenu7"></div> </li> <li><a href="#">Меню 8</a> <div class="tabmenu8"></div> </li> <li><a href="#">Меню 9</a> <div class="tabmenu9"></div> </li> <li><a href="#">Меню 10</a> <div class="tabmenu10"></div> </li> </ul> </menu>
-
liar_84, Погоди, а покажи скриншоты того, как нужно, чтобы было, прям по пунктам, и того, как НЕ нужно.
-
Nekromancer, А что такое callback?
-
Я в таких случаях просто оборачиваю внутренности формы в <fieldset> и не парюсь.
-
Не совсем понял какой вам пример нужен. Как вы представляете переход между отображением none и block? Как минимум это не логично и не имеет смысла. А вообще браузер это не jQuery чтоб делать вот такие вот финтиклюшки. Ну а как тогда спрятать блок, чтобы можно было сквозь него при этом текст копировать, но чтобы потом он плавно появился? На CSS!
-
Ну во-первых там транзишн надо применять не к ссылке, а к самому блоку. Во-вторых, сколько я не бился(еще раньше), применить транзишн для :none>:block не получилось. На некоторых сайтах тоже писали об этой проблеме, но, судя по всему, она так и не решена. Кто кинет в меня ссылкой на готовое решение - буду премного благодарен. В таких случаях лучше использовать позиционирование и opacity. Свой пример выше я приводил с поправкой на контекст блока, т.е. там было несколько "если". С другой стороны это вроде бы как логично. Как мы можем применять свойство к "несуществующему" блоку? Может кто разъяснит, а? Ага, понял, спасиб. Да, хорошо бы и мне кто нибудь разъяснил и показал пример - заменитель)
-
Softlink, Ок, а теперь вопрос. Покажи мне, как сделать так, чтобы вот тут блок медленно показывался при наведении на ссылку. display: none важно! Так как блок, красный, не должен присутствовать на страинце, если он скрыт. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .block { position: absolute; left:0; top: 0; width: 300px; } a { -webkit-transition-property:all; -webkit-transition-duration:5s; -webkit-transition-delay:1s; -moz-transition-property:all; -moz-transition-duration:5s; -moz-transition-delay:1s; } #lodka_1{ opacity: 0; display: none; background: red; } a:hover~#lodka_1{ opacity: 1; display: block; -webkit-transition-property: all; -webkit-transition-duration:5s; -webkit-transition-delay:0s; -moz-transition-property:all; -moz-transition-duration:5s; -moz-transition-delay:0s; } </style> </head> <body> <div class="block"> <a href="#">Показать блок</a> <div id="lodka_1" class="iorder"> <p>HYUNDAI SONATA</p> <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p></div> </div> <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p> <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p> <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p> <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p> </body> </html>
-
Ага, спасибо. Ща разберусь и задам вопросы.
-
Буду признателен за пример.
-
Т.е. за тебя прочитать? А смысл?
-
Пробовал, результат тот же - только опера отображает верно Значит дело в самом object, может стоит повесить на другой тег, т.е. object обернуть в див, если так можно.
-
Я сталкивался.
-
onmouseover="style.cursor='pointer';" Заменить на: onmouseover="this.style.cursor='pointer';"
-
Чисто средствами css нету. Ага, жаль
-
Не сработает. Поскольку у фрейма есть высота, bottom переопределится на значение auto Во как! А я даже и не знал, посчитал его за обычный тег. А есть ли выход тогда, в плане растяжки? Средствами CSS. Ну я джсом менял height когда нужно. А вот CSS - както не пытался. Понял, спасибо, буду знать.
-
Не сработает. Поскольку у фрейма есть высота, bottom переопределится на значение auto Во как! А я даже и не знал, посчитал его за обычный тег. А есть ли выход тогда, в плане растяжки? Средствами CSS.
-
top: 0; bottom :0;
