Jump to content

sm0k

Newbie
  • Posts

    16
  • Joined

  • Last visited

sm0k's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. 2 s0rr0w объясни пожалуйста что мне надо исправить для того чтобы заработало. я не учил ни jQuery, ни JavaScript. просто взял готовый скрипт. в исходнике всё работает так как надо, но в ие у пнг отображается серый фон вместо прозрачности, а после подключения png.fix'a блок не хочет изменять прозраность
  2. поставил скрипт по изменению прозрачности блока при наведении (в блоке бэкграундом стоит картинка png). для обработки пнг картинки в ие6 использовал jquery.pngfix.js везде работает нормально, а в ие6 пнг обрабатывается, но не действует fadeTo Архив с картинкой, html, css и js. HTML: <html> <head> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="custom.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script> </head> <body> <div class="sample"></div> </body> </html> CSS: .sample{background-image: url(png.png); position: absolute; height: 173px; width: 173px; top: 73px; left: 20px; } JS: $(document).ready(function(){ $(".sample").fadeTo("fast", 0.3); $(".sample").hover(function(){ $(this).fadeTo("fast", 1.0); },function(){ $(this).fadeTo("fast", 0.3); }); });
  3. можно ещё так попробывать: li:before{background:url(marker.png);} и с помощью маргинов выровнять маркер
  4. кинь код хтмл и цсс
  5. попробуй ul li{margin-top:-5px}
  6. SelenIT Да, вы правы) Но остаётся несколько вопросов: 1) Остаётся 2 предупреждения что мне надо исправить чтобы они пропали? 2) К мозилле есть плагин для проверки хтмл на валидность. Есть ли подобный плагин для проверки цсс на валидность? 3) Я слышал что есть какой-то браузер который показывает как страница будет отображаться в нескольких основных браузерах. Есть ли такая программа? если да, киньте пожалуйста ссылку. 4) На что мне стоит обратить особое внимание чтобы сайт не был таким покорёженым?
  7. sm0k

    Ссылка

    спасибо. почитал, разобрался)
  8. я установил цсс без ошибок на сайт, но на своём компьютере изменил 0px на 0 и скинул файл в валидатор цсс, показывает ошибки. но есть 2 предупреждения
  9. Что корёжится в низу? Да, сайт немного покорёженный На что стоит обращать особое внимание при вёрстке чтобы такого не происходило? css отредактировал, ошибок нет. заменил 0px на 0 как вы сказали, но валидатор сразу пишет что такое значение недопустимо: что делать с этими значениями? Остаётся 2 предупреждения: что он хочет сказать? не очень силён в английском. Я ещё установил плагин к мозилле для валидации html, отлично работает. Не знаете может есть подобный плагин для валидации css?
  10. http://hosting0.narod.ru/ Оцените пожалуйста мою первую вёрстку
  11. sm0k

    Ссылка

    http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.
  12. Либо <a>сюда</a> поставь блок с бэкраундом и display:block. Либо на это место текст вставь, который и будет ссылкой, но если я правильно понимаю то тебе нужен 1ый вариант.
  13. Можно так: float: right; margin-right:30px;
  14. В FF 3 и ИЕ 6 тестировал. Вроди всё нормально работает. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #woodboard_tl { float:left; height:30px; width:30px; background:url(123.png) no-repeat; } #woodboard_t { height:30px; width:100%; background:url(111.png) repeat-x; } #woodboard_tr { float:right; height: 30px; width:30px; background:url(321.png) no-repeat; } </style> </head> <body> <div id="woodboard_t"> <div id="woodboard_tl"></div> <div id="woodboard_tr"></div> </div> </body> </html> 123.png - левый уголок 111.png - центральная планка (авторастяжение) 321.png - правый уголок
×
×
  • 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