Jump to content

psywalker

Moderator
 View Profile  See their activity

  • Posts

    13,707

  • Joined

  • Last visited

  • Days Won

    58

 Content Type 

Everything posted by psywalker

  1. psywalker
    Ошибка в этой части кода: /*Blocks*/ #header {vertical-align: middle;} #picture {clear:both;} #banner {height:90px; background-image:url(banner.png); background-repeat:repeat-x; margin:0;} #footer
  2. psywalker
    Ошибка расценивается, как Невнимательность, и вообще ерундовая, догадаешься сам?
  3. psywalker
    Ныряй http://wdh.suncloud.ru/css02.htm
  4. psywalker
    shvv Слушай, я тут заметил ты спец по таким штукам(<!--[if !IE]>) , у меня вопрос к тебе: Ты случайно не знаешь, как прописать комментарий, что-бы всё что в нём находится, не видел ТОЛЬКО ИЕ той версии, которая в нём прописана? Тоесть другими словами: Какую такую хрень <!--[if !IE]>--><DIV></DIV><!--<![endif]--> нужно прописать, что-бы все браузеры видели элемент <DIV></DIV>, а тот, который написан тут <!--[if !IE]>(какой то ИЕ, 6,7 или 8) - не видел?
  5. psywalker
    Согласен, но я в принципе имел ввиду "Удобство", тоесть удобное расположение вкладок, нужные расширения, которые опять-же находятся там, где нужно мне, в общем всё, что сделает мою работу приятнее и быстрее, ведь время, как известно - это бесценная вещь
  6. psywalker
    Semreg Он меня тоже долго на "Вы" называл, пока я не научил его делать трёхколоночный макет А это мне короче мастер Great Rash дал, а он ещё тот JS-джидай А вот тебе ещё пару примерчиков из моей заначки, без JS: <!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>Untitled Document</title> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } .parent {width:500px; height:400px; text-align:center; border:1px solid #dd0; background: #ffa; display: table; vertical-align: middle; } .child { ... display:-moz-inline-box; display:inline-block; display: table-cell; vertical-align:middle; zoom:1; //display:inline; } .helper { ... display:-moz-inline-box; display:inline-block; vertical-align:middle; height:100%; width:0px; zoom:1; //display:inline; } /* СПИСОК ТЕБЕ ЧУВАК */ ul.one { overflow: hidden; height: 50px; background: #999;} ul.one li { height: 50px; float: left; width: 24%; text-align: center; vertical-align: middle; display: table;} ul.one a { display: inline-block; vertical-align: middle; zoom:1; display: table-cell;} ul.one span { display: inline-block; height: 100%; zoom:1; vertical-align: middle; width: 0;} /* Второй список */ ul.two { height: 50px; width: 100%; display: table;} ul.two li { float: left;display: table-cell; vertical-align: middle; height: 50px; width: 24%;} ul.two li span { display: table-cell; vertical-align: middle; height: 50px; display: block; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); } ul.two li span a { display: block; text-align: center; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); } </style> </head> <body> <div class="parent"> <div class="child">Текст, который заключён во внутренний блок.<br />Текст, который заключён во внутренний блок </div> <div class="helper"></div> </div> <ul class="one"> <li><a href="#">Текст, который заключён</a><span></span></li> <li><a href="#">Текст, который заключён<br />Текст, который заключён</a><span></span></li> <li><a href="#">Текст, который заключён</a><span></span></li> <li><a href="#">Текст, который заключён</a><span></span></li> </ul> <br /><br /> <ul class="two"> <li><span><a href="#">Текст, который заключён</a></span></li> <li><span><a href="#">Текст, который заключён<br />Текст, который заключён</a></span></li> <li><span><a href="#">Текст, который заключён</a></span></li> <li><span><a href="#">Текст, который заключён</a></span></li> </ul> </body> </html>
  7. psywalker
    s0rr0w В общем я с утра сегодня разбираюсь, хочу тебе спасибо сказать за пояснения, давай я сейчас тогда отпишу всё по твоим пунктак, как я понял ситуацию, а ты меня поправь, если я где-то не прав. 1) Тоесть как я понимаю у нас имеется функция под названием "test" и она вызывается при нажатии на ссылку, засчёт вот этой записи "onclick="test(document.getElementById('img'))"" 2) Теперь насчёт "НОДА", как я понял на твоём примере, это типа: imgNode - это пациенты, а Саша, Маша, Даша. - это свойства этого пациента? Тоесть к какому бы мы свойству элемента не захотели бы обратиться в этой функции, все ихние объекты будут называться imgNode? И вообще что такое "Нод"? 3) А откуда вообще оно взялось и почему это свойство мы не прописали картинке? Просто я думал, что к свойствам относятся только настоящие свойства, типа ширина, высота и т. д., а не придуманные? 4) Ну и наконец сам пример, у меня получилось прописать ширину при клике, а обратного действия по ссылке опять не происходит <script language="javascript"> function test(imgNode){ if ( !imgNode.oldWidth ) { imgNode.oldWidth = imgNode.width; imgNode.oldHeight = imgNode.height; } imgNode.ticked = !imgNode.ticked; var w = ( imgNode.ticked )? 200 : imgNode.oldWidth; var h = ( imgNode.ticked )? 150 : imgNode.oldHeight; imgNode.width = 400; imgNode.height = 400; } </script> <a href="#" onclick="test(document.getElementById('img'))">Сылка модная</a> <img src="snoop.gif" id="img" alt="" >
  8. psywalker
    Я не понял, есть clear или нет? И давай ссылку
  9. psywalker
    чё я там намутил, я сам правда не особо понял, но смысл такой вобщем, подделаешь под себя)) <!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; } div.right_block { position: relative; bottom: -80px; margin-top: -100px; z-index: 1;} div.right_block2 { z-index: 1; position: relative; top: -30px; } </style> <script type="text/javascript"> </script> </head> <body> <div class="left"> <div class="top"> <div class="t-dummy"></div> </div> <div class="right"> <div class="right_block"> <div class="right_block2"> Дрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб С+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необх950.00 руб Самая необходимая вещь в доме настоящего мужчиныДродимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 необх950.00 руб Самая необходимая вещь в доме настоящего мужчиныДродимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 рубруб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчины Самая необходимая в 1950.00 руСамая необходимая в Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчины Самая необходимая в 1950.00 руСамая необходимая в 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 рубб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныммммДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчиныДрель электрическая ударная Калибр ДЭ – 450ЕРУ+ 1950.00 руб Самая необходимая вещь в доме настоящего мужчины </div></div> </div> <div class="clear"></div> <div class="bottom"> <div class="b-dummy"></div> </div> </div> </body> </html>
  10. psywalker
    сдохнет ИЕ6 только через лет 5, как минимум, так как Win7 в официалке только пару дней, и пока она станет популярной и массовой, ещё пройдёт сколько времени, да и конторы, у которых стоят XP и ИЕ6 заточены под ихние проги, врядли захотят пересаживаться на Win7 в ближайшее время
  11. psywalker
    Дальше наводишь на этот элемент и всё))
  12. psywalker
    Унесёшь? <!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>test</title> <style type="text/css"> * { margin: 0; padding: 0; } body,html { height: 100%;} div { display: table; vertical-align: middle; height: 60%; background: red; behavior: url('table-cell.htc'); /* что-бы работало display: table; в ИЕ */ } div div { display: table-cell; vertical-align: middle; height: 100%; background: red; } </style> </head> <body> <div> <div> 111<br />111<br />111<br />111<br /> </div> </div> </body> </html> А вот и сам файлик behavior: url('table-cell.htc'); <public:component> <public:attach event="oncontentready" onevent="propertyChanged()" /> <script language="Javascript"> function propertyChanged() { var s = document.createElement('span'); s.innerHTML = element.innerHTML; element.innerHTML = ''; element.appendChild(s); element.style.display = 'block'; s.style.display = 'block'; s.style.position = 'relative'; s.style.top = (element.offsetHeight / 2) - (s.offsetHeight / 2) + 'px'; window.onresize = function() { s.style.top = (element.offsetHeight / 2) - (s.offsetHeight / 2) + 'px'; } } </script> </public:component>
  13. psywalker
    Но вот тебе самому нравится какой нибудь?
  14. psywalker
    Погоди, получается способ не подходит из-за того, что просто текст идёт не с самого начала(верха)? Если так, то почему бы просто не сделать в этой колонке ещё один блок и поднять его отрицательным марджином наверх немного?
  15. psywalker
    вот поэтому я что-бы как вы не париться, часто делаю трёхколоночный именно таким способом, и без всяких маргинов и т. д. Код маленьки, проблем никогда нигде не было, и везде работает как часы: <!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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} #left_bg { float: left; width: 300px; background: red;} #right_bg { float: right; width: 300px; background: red;} #content { overflow: hidden; background: blue; zoom:1; } </style> </head> <body> <div id="left_bg">Left</div> <div id="right_bg">Right</div> <div id="content">Тут какой-то контент</div> </body> </html> Кстати если уж мне потребуются отступы, я их делаю как в спеке написано, от флоатовых блоков и всё отлично!
  16. psywalker
    Я понял твою мысль, но хотябы сделать какой нибудь нормальный браузер по визуалке, а функционал как у ФФ
  17. psywalker
    Задай лого ширину и правый отступ
  18. psywalker
    Searcher Вот это ты матанул идею вообще круто дружище, но я понял, у нас не получалось из-за скрипта, который мы не моги написать для ИЕ6 в отличии от тебя. Пожалуйста, ты не мог бы сделать одну фигню, если это для тебя ерунда. Вобщем вот страница, с фоном, который из всех вариантов нравится мне больше всех, потому что тут фон хорошо масштабируется, но вот незадача 1) В ИЕ6 этот фон вообще не работает, а очень хотелось-бы 2) В ФФ и в ИЕ7 всё отлично, но вот в Сафари, Хроме и Опере 9.2, 9.6 при сужении экрана происходит бяка, а точнее картинка суживается сверху и внизу и получаются белые полосы по краям. Я тебя очень прошу найти решения данной проблемы и сделать полный кросс, если ты сможешь http://psywalker.ru/Portfolio/AndreyD/main1.html p.s. - может быть есть какой нибудь JS код, который смог бы починить эту вещь, было бы супер. Жаль, что я не разбираюсь в нём. Но а если есть решение на CSS, то тогда вообще класс 2) А посмотри что присходит с прижтым подвалом при твоей идее. Как прижать грамотно? Если двигать горизонтальный скрол, то подвал обрезается справа страшно, что это такое, понять не могу http://www.psywalker.ru/Portfolio/AndreyD/...dreyD/main.html
  19. psywalker
    Ребят, а может это спамер
  20. psywalker
    Предлагаю сделать визуально похожий браузер на Оперу10 или даже лучше, а по Функционалу конеш как ФФ что-бы был. Что, разве я много прошу?
  21. psywalker
    Прикололся?
  22. psywalker
    Ребят, спасибо вам большое за пример и помощь, когда разберусь, отпишу обязательно
  23. psywalker
    Да я всё понимаю друг, но блин, для меня это настолько тёмный лес, что ты себе и представить не можешь. Вот смотрю я в твой код и въехать вообще не могу, что значит присваивание, какие отличия..уухх..жесть)) Я бы сначала код посмотрел бы решения, а потом может в нём бы уже нашёл истину, а так я этот пазл в жизни не соберу
  24. psywalker
    короче ты запарил уже, мы тут не телепаты тебе, уже 20 вариантов тебе сказали, значит какие то правила перебивают твои. В общем или ты даёшь ссылку или сам думай
  25. psywalker
    да, давай уже ссылку наконец
×
×
  • 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