Jump to content

mishka

Expert
 View Profile  See their activity

  • Posts

    2,118

  • Joined

  • Last visited

  • Days Won

    11

 Content Type 

Everything posted by mishka

  1. mishka
    Результат: FF3.0.15 - непонял Chrom2 - непонял Iron - непонял ты в ие6-7-8 видел это уродство? Приминение этого фильтра для ие - это не выход, так как без него намного лучше. А куфон мало того что позволяет юзать нестандартные шрифты, так еще и эффекты с css3 можна юзать.
  2. mishka
    это можна сделать с помощью css3 свойство text-shadow. Но не все браузеры понимают css3. Также этого можна достичь при использовании куфона. http://wiki.github.com/sorccu/cufon/styling
  3. mishka
    Затем что потом другому человеку легче будет сориентироватся по названиям класов. И мне кажется так надежней, так как в ие6 могут быть прыжки при ховере если юзать такой вариант http://psywalker.ru/Forum/Hover/main2.html.
  4. mishka
    На самом деле это решение было сделанно что бы показать что ие6 нормально с абсолютом работает. А такой случай я естественно делал бы без абсолюта. Если просто текст менять надо то там абсолют ненужен. <!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>:hover</title> <style type="text/css"> *{ margin: 0; padding: 0;} ul { list-style: none;} ul li a{ display: block; text-align: center; width: 80px; height: 20px; background: url(sprite.gif) 50% 0 no-repeat; padding-top: 30px; border: 1px solid red; } ul li a .hover{ display: none; cursor:pointer; text-indent:0; } ul li a:hover{ background: url(sprite.gif) 50% -72px no-repeat; } ul li a:hover .hover { display: inline;} ul li a:hover .default { display: none;} </style> </head> <body> <ul> <li> <a href="#"> <span class="default">Главная</span> <span class="hover">НаведениЕ</span> </a> </li> </ul> </body> </html>
  5. mishka
    <!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>:hover</title> <style type="text/css"> *{ margin: 0; padding: 0;} ul { list-style: none;} ul li a{ display: block; text-align: center; width: 80px; height: 20px; background: url(sprite.gif) 50% 0 no-repeat; padding-top: 30px; border: 1px solid red; position: relative; } ul li a span { display: none; position: absolute; top: 0; left: 0; width: 80px; height: 20px; padding-top: 30px; text-align: center; cursor:pointer; } ul li a:hover{ background: url(sprite.gif) 50% -72px no-repeat; text-indent:-9999px; } ul li a:hover span { display: block;text-indent:0;} </style> </head> <body> <ul> <li> <a href="#">Главная <span>НаведениЕ</span> </a> </li> </ul> </body> </html> Только не начинай рассказывать что неправильно... И типа "а если там это то потом то..." Твой html я сохранил, и стили тоже несильно менял
  6. mishka
    Ну что тут тебе сказать... Практика, практика еще раз практика. Также увидишь что и опера иногда с сылками на абсолюте недружит. Но это все мелочи. Абсолют нормально работает в ие6. А если сверстать через переподвыперд, то нетолько абсолют откажется работать.
  7. mishka
    position:absolute - ие6 нормально поддерживает. Напишеш в ссылке(для поисковиков, да и вообще некрасиво будет пустым оставить) "громадська варта", задаш ссылке ширину-высоту, и текст скроешь text-indent:-9999px. Ну и абсолютом повесишь на нужное место.
  8. mishka
    Как работает я понимаю... как сделать правильно незнаю "Все понимаю, сказать ниче немогу..."
  9. mishka
    Дело в том что найти не интересно. Интересней самому знать как поправить это.
  10. mishka
    Есть код: <!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"> <!-- #nav{ margin:0; padding:0; list-style:none; width:300px; overflow:hidden; font:18px/20px Arial, Verdana, sans-serif; } #nav li{ width:100%; float:left; border-bottom:1px solid #000; position:relative; } #nav li a{ display:block; padding:5px; background:red; text-decoration:none; color:#fff; } #nav li .slide{ width:100%; overflow:hidden; } #nav li ul{ margin:0; padding:0; list-style:none; width:100%; overflow:hidden; } #nav li ul li{ border:0; } #nav li ul li a{ padding:3px 5px; background:green; } --> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ $('#nav li .slide').hide(); $('#nav li').hover(function(){ $(this).find('.slide').slideDown(300); },function(){ $(this).find('.slide').slideUp(300); }); }); //--> </script> </head> <body> <ul id="nav"> <li class="opener"> <a href="#">link1</a> <div class="slide"> <ul> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> <li><a href="#">link4</a></li> </ul> </div> </li> <li class="opener"> <a href="#">link2</a> <div class="slide"> <ul> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> <li><a href="#">link4</a></li> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> <li><a href="#">link4</a></li> </ul> </div> </li> <li class="opener"> <a href="#">link3</a> <div class="slide"> <ul> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> </ul> </div> </li> <li> <a href="#">link4</a> </li> <li> <a href="#">link5</a> </li> </ul> </body> </html> Если мышкой быстро поводить по акордеону и потом убрать ее, то он продолжает самовольно "играть". Как от этого избавится?
  11. mishka
    Что имеете ввиду под "неотносится к структуре"? Еще как можна стайлить: как вы прибиваете подвал к низу? Разве не задаете ему 100% высоты? если сложный бекграуд, то чтобы неюзать дополнительный див, можна повесить его на <html> и на <body>, разбив на две части.
  12. mishka

    Checkbox в IE

    mishka replied to Kenshi45's question in HTML Coding

    16 потому что если поставить меньше, то в опере он будет такого вида как в фф и ие. А если 16 то будет "фирменный" оперовский. Зачем именно 3 - немогу сказать, ставь по своему дизайну какой нужен.
  13. mishka
    Большой отступ в опере потому что она непоняла дробных значений поцентов. Вырежте однопиксельный белый квадрат гиф, и прорепитьте по игрику справой стороны. Либо слевой.
  14. mishka

    Checkbox в IE

    mishka replied to Kenshi45's question in HTML Coding

    Как вариант: Обнулите маргины, паддинги, флотните и укажите высоту ширину по 16px.
  15. mishka
    Можна <ul> задать бг такой как и в <li> тогда справа отступ не будет белым. Таким способом можна создать илюзию что ли растягиваются на всю ширину. Чтобы избавится от пикселей, сделайте белую полоску не бордером а бекграундом, как советовал psywalker. Тогда независимо от разрешения, меню будет вести себя одинаково.
  16. mishka
    Сейчас ширина каждого елемента = 16,6%+1px. Где 1px - ширина бордера. Следовательно ширина всего списка 99.6% + 5px. А при ширине окна 1024px, 5px это примерно 0,5%. Тоесть ширина списка 99,6+0,5=100,1% вот он и не помещается. И еще: для мониторов с разрешением 1024px по горизонтали, минимальную ширину страницы делайте не более 1000px.
  17. mishka
    Узнал про Firebug Lite пару месяцев назад. Но так и не пользуюсь им так как фаербаг в FF3 + IE Developer Toolbar в ие6, вполне достаточно для верстки. Как по мне так Lite подтормаживает.
  18. mishka
    Как вообще можна верстать без него? Это как наощупь. Не только для ие8. У меня на ие6 установлен.
  19. mishka
    непойму зачем блок абсолютом книзу прибивать, и при этом высоту ему растягивать. Тогда текст в нем тоже будет вверху. Так зачем абсолют? Я так понял вам не по низу выравнивать блок надо, а просто эмулировать его высоту. Тоесть тянуть бекграунд к низу.
  20. mishka
    За кавычками следи, может просто не в таких как надо кавычках вставлял.
  21. mishka
    <!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- body{ margin:0; } #blok{ height:320px; background: url(autumn.gif) no-repeat; } --> </style> </head> <body> <div id="blok">Блок</div> <div id="button" onmouseover="document.getElementById('blok').style.backgroundPosition = '0 -20px'"> button </div> </body> </html>
  22. mishka
    Да, ты прав. Осталось выловить из-за чего он иногда непонимает этого... Затянул как... Уже 5 страниц . Тебе надо собственный флейм открывать
  23. mishka
    На этом форуме в другом разделе ( http://forum.htmlbook.ru/index.php?showtopic=16185 ) человек говорил что решил проблему растягивания блока спозиционированного абсолютом на всю ширину окна браузера таким способом: div{ position:absolute; left:0;/*левый край блока прибил к левому краю*/ right:0;/*правый бок блока прибыл к правому краю*/ top:0; } Я сделал замечание что это неработает в ие6-7, а ты спросил: Вот я и говорю - посмотри как сам в том проекте такое реализовал.
  24. mishka
    Другое дело
  25. mishka
    Заблуждение. Ты как всегда невнимателен.
×
×
  • 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