Jump to content

Great Rash

Expert
 View Profile  See their activity

  • Posts

    7,974

  • Joined

  • Last visited

  • Days Won

    144

 Content Type 

Everything posted by Great Rash

  1. Great Rash
    document.all['tips3'] - это капец!!! Вместо position: relative; напишите position: absolute; Нигде кроме ИЕ работать не будет.
  2. Great Rash
    Вообще макет в первом сообщении и макет в сообщении №23 - совершенно разные вещи. Второй макет делается элементарно. А вот первый сложноват - psywalker крут, хотя экспрешн смущает.
  3. Great Rash
    // Было document.getElementById('help').style.left = x+15; document.getElementById('help').style.top = y+15; // Стало var xWidth = document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth; document.getElementById('help').style.left = x + 15 + 'px'; document.getElementById('help').style.top = y + 15 + 'px'; var left = 0; var top = 0; var prnt = document.getElementById('help'); while (prnt && prnt.nodeName.toLowerCase() != 'body') { left += prnt.offsetLeft; top += prbt.offsetTop; prnt = prnt.offsetParent; } if (left + document.getElementById('help').offsetWidth > xWidth) { document.getElementById('help').style.left = xWidth - document.getElementById('help').offsetWidth + 'px'; } Не проверял, по идее должно работать.
  4. Great Rash
    А че не понятно? Устанавливаете ява-машину (кажись она входит в комплект JDK). Потом пишем прогу на яве. Потом заходим в командную строку (cmd) и пишем сперва javac путь_до_файла/имя_файла, чтобы откомпилировать, а потом java путь_до_файла/имя_файла, чтобы запустить прогу.
  5. Great Rash
    <!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" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } body { margin: 10px; } fieldset { padding: 3px; border: 1px solid; } input { vertical-align: middle; } .txt { padding: 11px 0; } .but { height: 40px; background: #69c; border: 0; } </style> <script type="text/javascript"> </script> </head> <body> <form action="" method="post"> <fieldset> <input type="text" class="txt" value="" /> <input type="button" class="but" value="багов нет!" /> </fieldset> </form> </body> </html>
  6. Great Rash
    2s0rr0w: +100500
  7. Great Rash
    Так наверное понятней будет: function sizeToggle(i) { var img = typeof i == 'string' ? document.getElementById(i) : i; if (!img.flag) { img.w = img.width; img.h = img.height; img.width = img.w * 2; img.height = img.w * 2; img.flag = true; } else { img.width = img.w; img.height = img.h; img.flag = false; } } Упс, вызов забыл: <img src="test-img/group-arrow-open.gif" width="100" height="100" alt="" onclick="sizeToggle(this);" /> Да и sOrrOw уже расписал все...
  8. Great Rash
    <!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" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } html, body { height: 100%; border: 0; } body { margin: 0 20px 0 0; background: #ededef; } .left, .right { position: relative; } .left { min-height: 100%; background: #ededef; border-right: #fedede 200px solid; } .right { float: right; right: -200px; width: 190px; padding: 105px 5px; } .clear { clear: both; } .top, .bottom { position: absolute; width: 100%; height: 100px; background: #69c; border-right: #69c 220px solid; } .bottom { bottom: 0; } .t-dummy, .b-dummy { position: absolute; right: -200px; width: 200px; height: 50px; background: #fedede; } .t-dummy { bottom: 0; } .b-dummy { top: 0; } </style> <script type="text/javascript"> </script> </head> <body> <div class="left"> <div class="top"> <div class="t-dummy"></div> </div> <div class="right"> text </div> <div class="clear"></div> <div class="bottom"> <div class="b-dummy"></div> </div> </div> </body> </html> Код получился мегаизвратный, зато все условия соблюдены. Еще раз повторюсь, что это мегаизвратный код - посему не уверен, что его можно заюзать в боевой ситуации.
  9. Great Rash
    Я понимаю. Дык по ширине то эта серая штука тянуться должна или нет?
  10. Great Rash
    А при чем тут США? Разве это не международная организация?
  11. Great Rash
    Про круглые углы я утрировал. Но идея моя понятна. К слову не все красивые макеты сложны. Красота в простоте.
  12. Great Rash
    Серый блок фиксированный по ширине или резина?
  13. Great Rash
    Ну не обязательно аяксом. Да и без фреймворков обойтись вполне можно.
  14. Great Rash
    А ващет, если макет делает стоящий дизайнер, а не падкий на круглые углы идиот, то никакие зумы, высоты в 1% и прочая лабуда не нужны, да и в ИЕ6 все магическим образом отображаться как надо начинает.
  15. Great Rash
    Раза четыре перечитал - вообще нихрена не понятно.
  16. Great Rash
    На данный момент видео на сайт можно вставить только при помощи технологии Flash. В любом случае рано вам этим заниматься, сначала изучите основы HTML и CSS, а уж потом ерундой занимайтесь.
  17. Great Rash
    Ох, я бы яву тоже поучил. Тем более, что она у меня запускается
  18. Great Rash
    Ща по идее ссылки рулят на мордах крутых сайтов.
  19. Great Rash
    Чтобы у блоков справа и слева была одинаковая высота с центральным блоком. Задавая огромный паддинг мы задаем огромную высоту блоку, но при этом он уедет вверх, это дело мы поправляем отрицательным маргином. А вся эта огромная высота не видна, т.к. стоит overflow: hidden; у родительского контейнера.
  20. Great Rash
    Тормозит слева? Не понимаю о чем ты?
  21. Great Rash
    <!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" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; border: 0; } .head, .text { overflow: hidden; } .hl, .hr, .fl, .fr { width: 10px; height: 10px; background: red; } .hl, .fl, .tl { float: left; } .hr, .fr, .tr { float: right; } .hc, .fc { height: 10px; margin: 0 10px; background: green; } .tl, .tr { width: 10px; padding-bottom: 32767px; margin-bottom: -32767px; background: green; } .tc { margin: 0 10px; padding-bottom: 32767px; margin-bottom: -32767px; background: yellow; } </style> </head> <body> <div class="cont"> <div class="head"> <div class="hl"></div> <div class="hr"></div> <div class="hc"></div> </div> <div class="text"> <div class="tl"></div> <div class="tr"></div> <div class="tc">text</div> </div> <div class="foot"> <div class="fl"></div> <div class="fr"></div> <div class="fc"></div> </div> </div> </body> </html>
  22. Great Rash
    <!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" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; border: 0; } .t, .b { background: red; height: 5px; margin: 0 10px; } .t2, .b2 { background: red; height: 5px; margin: 0 5px; } .text { padding: 0 10px; background: red; } </style> </head> <body> <div class="cont"> <div class="t"></div> <div class="t2"></div> <div class="text"> text </div> <div class="b2"></div> <div class="b"></div> </div> </body> </html>
  23. Great Rash
    ИЕ7 - работает все. <!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" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; border: 0; } </style> </head> <body> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2; background: red;"></div> </body> </html> Нафига сей изврат? Да еще и в таблицу запихан...
  24. Great Rash
    Нужно узнавать координаты курсора мыши и присваивать их блоку который будет изображать alt. 2EGORR: Человек же просил без фреймворков.
  25. Great Rash
    Нафига еще ячейку со строкой делать? Может поставить бордер всем ячейкам нужной строки? .some_TR td { border-bottom: 1px solid; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept