Jump to content

psywalker

Moderator
 View Profile  See their activity

  • Posts

    13707

  • Joined

  • Last visited

  • Days Won

    58

 Content Type 

Everything posted by psywalker

  1. psywalker
    100% уверен, что всё дело в непонимании спецификации CSS. Где именно отступ, покажи на скриншоте. И в каких других браузерах всё в порядке?
  2. psywalker
    Если всё правильно будешь делать, то div-ы для тебя будут служить просто обычными контейнерами.
  3. psywalker
    На всякий случай я делаю всегда 10. Так жить спокойнее
  4. psywalker
    А почему обращение в стилях идёт вообще к другому селектору?
  5. psywalker

    zoom сайта

    psywalker replied to MrVamp's question in HTML Coding

    1. zoom в ИЕ поддерживается кажись только с IE8, например так: div { -ms-zoom:300%; } 2. Зачем нужен zoom? Достаточно проверять скриптом разрешение экрана и увеличивать допустим шрифт у body, предварительно делая вёрстку на em например.
  6. psywalker
    На самом деле експрешн по сути это тот же джс, если в браузере ие запретить активное содержимое, то и експрешны не отработают. Ничего страшного, будет повод перейти на современный браузер
  7. psywalker
    b0s И что? Даже и если так, то это полнейший бред. У тебя на сайте вообще жс не будет? И назови мне того извращенца, у которого отключен ЖС в 2011?
  8. psywalker

    Таблицы

    psywalker replied to FanAizu's question in HTML Coding

    Купи себе "Каскадные таблицы стилей" Эрика Майера. Там всё описано.
  9. psywalker
    Ладно, прощён=)
  10. psywalker
    Потому что свойство z-index наследуется. Т.е. если у меня есть <div style="z-index: 2;">, а в него вложен <div style="z-index: 1;">, то реальный его z-index будет отсчитываться от родительского дива, а не от <body>, т.е. реальный z-index будет равен типа 2 + 1. Неправда. z-index НЕ наследуется. И все вложенные элементы будут иметь тот же z-index, который ты им присвоил, но при этом соревноваться они могут только с элементами идущими с ними в потоке, а не с соседями родителя например.
  11. psywalker
    Для начала сам возьми книжку и разберись, что такое просто <map> и с чем его едят. Далее сделаешь карту и уже будем думать.
  12. psywalker
    А потому что они в любом случае лежат в друг друге. Ты положи два отдельных блока на друг-друга и тогда твой z-index; будет иметь силу. Хотя можешь прикалоться, и задать самому верхнему допустим z-index: -1; Посмотри, что будет.
  13. psywalker
    Слава богу, что именно так всё и происходит
  14. psywalker
    Таблицей делай. Слишком уже много хотелок и невыгодно на слоях лепить.
  15. psywalker
    Да, ему нежен экспрешан.
  16. psywalker
    А зачем тут вообще скрипты?
  17. psywalker
    Архив никто качать не будет. Выложи файл на сервак свой, мало того сделай скриншоты того, как нужно и того, как ненужно.
  18. psywalker
    Давай, спокойной ночи дружище Спасибо за пожелание! Уже правда другой день пришел. Но я выспался! Сча снова начну "........... мозгом об долбанный телевизор (монитор)". Прощу прощения за эту цитату. psywalker, а почему вы выбирайте именно тэг <span> и предлагайте ему задать display: block;, если к примеру можно было бы сразу тэг <div> использовать? Если не ошибаюсь он по умолчанию как раз блочный? На сколько я понимаю вы предлагайте установить отступ вершины <span> путём выполнения сценария на JS? expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");} Если результат вычислений (родитель.положениеПоВысоте - текущийОбъект.положениеПоВысоте) меньше ноля, тогда margin-top="0", иначе задать параметру margin-top значение функции (родитель.положениеПоВысоте - текущийОбъект.положениеПоВысоте)/2 + "px");} Я наверное это раз сто прочитаю прежде чем осознаю. Ещё хотелось бы уточнить, не ли другого варианта без JS? Ведь основная моя задача - достижение результата без JS. Предполагаю, что если вы так сразу экспрессию предлагайте, то скорей всего, другого-варианта нет. Да пофиг, это я ради примера просто сделал. Можешь хоть <хрень></хрень> вставить=) Нет, это несовсем JS, это немного разные вещи. Экспрешаны придуманы Микрософтом как раз ради того, чтобы можно было вставлять JS в CSS, не применяя скрипты и т.д, т.е. не создавая лишние JS файлы и прочее. В общем экспрешан встраивается в CSS и поэтому вот эту задачу легко можно проделать на нём. Не боись, я с тобой
  19. psywalker
    Воспользовался этим решением, помогло. Не совсем понял как по вертикали так выровнять, черкни пожалуйста пример) P.S. Благодарю за помощь. А если помогло первое, то зачем второе?
  20. psywalker
    Сделай шапку на display:table;, а колонкам всем раздай table-cell и выравнивание.
  21. 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=windows-1251" /> <title>Новый Документ</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="fixie.js"></script> <style type="text/css"> #nav { display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif; } #nav ul{ position:absolute; top:30px; list-style:none; left: 0; margin: 0; padding: 0; background: silver; border: 1px solid #000; } #nav li { background: orange; float:left; position:relative; margin:0 1px; border: 1px solid #000; } #nav li a { display:block; float:left; color:#000; text-decoration:none; } #nav li:hover ul{display:block; } #nav li ul{ padding:0; } #nav li ul li { background: #cdecda; height:30px; line-height: 30px; white-space: nowrap; width: 100%; } #nav li ul li a { float:none; background: blue; display: block; } </style> <!--[if IE]> <style type='text/css'> #nav {display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif;} #nav ul{position:absolute; top:30px; list-style:none; left: 0; background: blue;} #nav li { background: red; float:left; position:relative; margin:0 1px; } #nav li a {display:block; float:left; color:#000; text-decoration:none; } #nav li:hover ul{display:block;} #nav li ul li { background: blue; height:30px; line-height:30px; white-space: nowrap; } #nav li ul li { background-image:expression( this.runtimeStyle.backgroundImage = "none", //this.style.width = this.parentNode.offsetWidth + 'px', this.li = this.parentNode.getElementsByTagName('li'), this.a = 0, this.func = function(e){ for(var i = 0; i < e.li.length; i++){ if(e.a < e.li[i].offsetWidth){e.a = e.li[i].offsetWidth} e.style.width = e.a + 'px' } if(e.parentNode.getElementsByTagName('li')[e.parentNode.getElementsByTagName('li').length-1] == e){ for(var i = 0; i < e.li.length; i++){ e.li[i].style.width = e.a + 'px' } } }, this.func(this) ); } #nav li ul li a {float:none; background: blue; display: block;} </style> <![endif]--> </head> <body> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Секреты</a></li> <li><a href="#">Скачать</a></li> <li><a href="#">Новости</a></li> <li><a href="#">F.A.Q.</a></li> <li><a href="#">Оплата</a></li> <li><a href="#">Реклама</a> <ul> <li class="one"><a href="#">Выпадающий пункт мен</a></li> <li class="two"><a href="#">Выпадающий</a></li> <li class="three"><a href="#">Выпадающий пункт мен</a></li> <li class="four"><a href="#">Выпадающий пункт мен</a></li> </ul> </li> <li><a href="#">Ссылки</a></li> </ul> </body> </html>
  22. psywalker
    Да я сам такое делал только с джсом. Чё, сдаёшься лошара?
  23. psywalker
    А я думаю, что задача должна быть решена, хотя бы ради опыта. Медведь, помоги нам её добить
  24. psywalker
    А напиши его. Посмотрим.
  25. 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=windows-1251" /> <title>Новый Документ</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="fixie.js"></script> <style type="text/css"> #nav { display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif; } #nav ul{ position:absolute; top:30px; list-style:none; left: 0; margin: 0; padding: 0; background: silver; border: 1px solid #000; } #nav li { background: orange; float:left; position:relative; margin:0 1px; border: 1px solid #000; } #nav li a { display:block; float:left; color:#000; text-decoration:none; padding:0 16px; } #nav li:hover ul{display:block; } #nav li ul{ padding:0; } #nav li ul li { background: #cdecda; height:30px; line-height: 30px; white-space: nowrap; width: 100%; } #nav li ul li a { float:none; background: blue; overflow: hidden; fdisplay: block; } </style> <!--[if IE]> <style type='text/css'> #nav {display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif;} #nav ul{position:absolute; top:30px; list-style:none; left: 0; background: blue;} #nav li { background: red; float:left; position:relative; margin:0 1px; } #nav li a {display:block; float:left; color:#000; text-decoration:none; padding:0 16px;} #nav li:hover, #nav li.jshover {background-position:0 -30px;} #nav li:hover ul{display:block;} #nav li ul li { background: blue; height:30px; line-height:30px; white-space: nowrap; } #nav li ul li a {float:none; background: blue; width: 100%; overflow: hidden; display: block;} </style> <![endif]--> </head> <body> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Секреты</a></li> <li><a href="#">Скачать</a></li> <li><a href="#">Новости</a></li> <li><a href="#">F.A.Q.</a></li> <li><a href="#">Оплата</a></li> <li><a href="#">Реклама</a> <ul> <li><a href="#">Выпадающий пункт мен</a></li> <li><a href="#">Выпадающий</a></li> <li><a href="#">Выпадающий пункт мен</a></li> </ul> </li> <li><a href="#">Ссылки</a></li> </ul> </body> </html>
×
×
  • 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