sm0k
Newbie-
Posts
16 -
Joined
-
Last visited
sm0k's Achievements
Explorer (1/14)
0
Reputation
-
2 s0rr0w объясни пожалуйста что мне надо исправить для того чтобы заработало. я не учил ни jQuery, ни JavaScript. просто взял готовый скрипт. в исходнике всё работает так как надо, но в ие у пнг отображается серый фон вместо прозрачности, а после подключения png.fix'a блок не хочет изменять прозраность
-
поставил скрипт по изменению прозрачности блока при наведении (в блоке бэкграундом стоит картинка 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); }); });
-
можно ещё так попробывать: li:before{background:url(marker.png);} и с помощью маргинов выровнять маркер
-
попробуй ul li{margin-top:-5px}
-
SelenIT Да, вы правы) Но остаётся несколько вопросов: 1) Остаётся 2 предупреждения что мне надо исправить чтобы они пропали? 2) К мозилле есть плагин для проверки хтмл на валидность. Есть ли подобный плагин для проверки цсс на валидность? 3) Я слышал что есть какой-то браузер который показывает как страница будет отображаться в нескольких основных браузерах. Есть ли такая программа? если да, киньте пожалуйста ссылку. 4) На что мне стоит обратить особое внимание чтобы сайт не был таким покорёженым?
-
я установил цсс без ошибок на сайт, но на своём компьютере изменил 0px на 0 и скинул файл в валидатор цсс, показывает ошибки. но есть 2 предупреждения
-
Что корёжится в низу? Да, сайт немного покорёженный На что стоит обращать особое внимание при вёрстке чтобы такого не происходило? css отредактировал, ошибок нет. заменил 0px на 0 как вы сказали, но валидатор сразу пишет что такое значение недопустимо: что делать с этими значениями? Остаётся 2 предупреждения: что он хочет сказать? не очень силён в английском. Я ещё установил плагин к мозилле для валидации html, отлично работает. Не знаете может есть подобный плагин для валидации css?
-
http://hosting0.narod.ru/ Оцените пожалуйста мою первую вёрстку
-
http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.
-
Либо <a>сюда</a> поставь блок с бэкраундом и display:block. Либо на это место текст вставь, который и будет ссылкой, но если я правильно понимаю то тебе нужен 1ый вариант.
-
Можно так: float: right; margin-right:30px;
-
В 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 - правый уголок