Jump to content

psywalker

Moderator
  • Posts

    13,707
  • Joined

  • Last visited

  • Days Won

    58

Everything posted by psywalker

  1. Ребят, простите, а я думал, мы только начали
  2. Можно допустим сделать див с прокруткой, а сверху спозиционировать другой див и закрыть им прокрутку нижнего
  3. Да я поэтому ему сразу и сказал, что лишнего много наворотил, так как семантичность вся эта под сомнением.
  4. Ну тут уже дружище, дело за тобой. В ЦСС то ты разбираешься я думаю, а значит свойства сам какие нужно понапишешь в классы.
  5. Согласен, но я же вычеслил немного по другому, по атрибуту width: у картинки
  6. 1) Блок зачем, уже не помню 2) ФФ2 для меня не существует уже давно.
  7. Вот довели бедолагу
  8. Не все ошибки исправил, которые в комментах отписали
  9. А по другому и быть не могло
  10. Пожалуйста, пиши
  11. 1) *html body { width:expression( document.documentElement.clientWidth < 1000 ? '1000px' : (document.documentElement.clientWidth > 1090 ? '1090px' : 'auto')); 2) *html body { width:expression(document.documentElement.clientWidth < 1030 ? "1030px" : "auto"); }
  12. Есть например дривмивер, но это не выход. Самому надо всё верстать. Набросаешь, а потом жалеть будешь, ошибки запаришься ручками исправлять.
  13. У меня всё, везде одинаково
  14. Проверяй, говори косяки <!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=utf-8" /> <title>Z-index</title> <style type="text/css"> *{ margin: 0; padding:0} body { margin: 50px;} #wrap { width: 300px; height: 100px; border: 1px solid #000; } div { float: left; height: 100px; width: 20px;} div div div{ height: 96px; width: 70px; background: yellow; display: none; border: 2px dotted #F09; } #black { background: black;} #blue { background: blue;} #green { background: green;} #red { background: red;} div.z { width: 240px;} div.b { display: block;} </style> </head> <body> <div id="wrap"> <div id="black" onclick="color(this);"><div>Баннер-1 Black</div></div> <div id="blue" onclick="color(this);"><div>Баннер-2 Blue</div></div> <div id="green" onclick="color(this);"><div>Баннер-3 Green</div></div> <div id="red" class="z" onclick="color(this);"><div class="b">Баннер-4 Red</div></div> </div> <script> function color(node){ var wrap = document.getElementById('wrap') var wrapDiv = wrap.getElementsByTagName('div') var nodeDiv = node.getElementsByTagName('div').item(0) for(var i = 0; i<wrapDiv.length;i++){ wrapDiv.item(i).className = '' nodeDiv.className = 'b' } node.className = 'z' } </script> </body> </html>
  15. Аа, я понял, ну это уже сложнее, тада позже попробую, но не обещаю
  16. <!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=utf-8" /> <title>1</title> <style type="text/css"> *{ margin: 0; padding:0} html,body { height: 100%;} body { padding: 50px; border: 1px solid #000;} #wrap { width: 300px; height: 300px; padding: 50px; border: 1px solid #000; margin: 0 auto; } #wrap2 { margin-left: 100px;border: 1px solid #000; } #span { display: block; height: 100%; border: 1px solid #000;} </style> </head> <body> <div id="wrap"> <div id="wrap2"> <span id="span">Span</span> </div> </div> <script> var div = document.getElementById('wrap') var span = document.getElementById('span') function getBounds(obj,endElem) { var x = 0; var y = 0; var prnt = obj; var end = endElem ? endElem.nodeName.toLowerCase() : 'html'; while (prnt && prnt.nodeName.toLowerCase() != end) { x += prnt.offsetLeft; y += prnt.offsetTop; prnt = prnt.offsetParent; } var x1 = x + obj.offsetWidth; var y1 = y + obj.offsetHeight; return {'x0': x, 'y0': y, 'x1': x1, 'y1': y1, 'w': obj.offsetWidth, 'h': obj.offsetHeight} } alert('x0=' + getBounds(span,div).x0 + '\ny0=' + getBounds(span,div).y0); </script> </body> </html>
  17. 1) Т.е. погоди, я не понял. Как понять, если основной закрыт? Основной - это какой? 2) А внутренний - это какой?
  18. 1) Скриншот проблемы с подробным объяснением 2) Ссылку
  19. http://forum.htmlbook.ru/index.php?s=&...st&p=139468
  20. 1) А о java речь вообще не идёт, я говорил про javascript 2) Насчёт скриптика я ради интереса попробую позже сделать, если что получится, то покажу. Лови, говори косяки <!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=utf-8" /> <title>Z-index</title> <style type="text/css"> *{ margin: 0; padding:0} body { margin: 50px;} #wrap { width: 300px; height: 100px; border: 1px solid #000; } div { float: left; height: 100px; width: 20px;} #black { background: black;} #blue { background: blue;} #green { background: green;} #red { background: red;} div.z { width: 240px;} </style> </head> <body> <div id="wrap"> <div id="black" onclick="color(this);"></div> <div id="blue" onclick="color(this);"></div> <div id="green" onclick="color(this);"></div> <div id="red" class="z" onclick="color(this);"></div> </div> <script> function color(node){ var wrap = document.getElementById('wrap') var wrapDiv = wrap.getElementsByTagName('div') for(var i = 0; i<wrapDiv.length;i++) wrapDiv.item(i).className = '' node.className = 'z' } </script> </body> </html>
  21. Да лана, забей, я прикалываюсь
  22. 1) JS тебе в помощь 2) Да, это спам, не обращай внимание
  23. Great Rash Извини, а что поделать http://forum.htmlbook.ru/index.php?s=&...st&p=139572
  24. Аа, т.е. вот этим действием мы перекладываем первый элемент из коллекции в контейнер? while ( lnk.length ) { head.appendChild(lnk.item(0)); И при каждом перекладывании коллекция уменьшается на первый элемент?
×
×
  • 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