Jump to content

sm0k

Newbie
  • Posts

    16
  • Joined

  • Last visited

Everything posted by sm0k

  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 - правый уголок
  15. Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от статей. Может быть, уже ненадо учитывать IE 6 при вёрстке? 2. Какие браузеры надо учитывать при вёрстке? 3. Как привязать футер к нижней границе браузера, но чтобы если весь сайт не помещается по высоте в браузер, то прокрутка была на весь сайт а не на блоке с информацией? 4. Оцените вёрстку в общем. Чего нехватает, а что можно было бы и не делать? По поводу шапки знаю, что надо её чуть переделать, но это просто и затруднений не составит. В футере справа недобавил баннеры, но это тоже просто и недолжно составить затруднений. 5. Также надо ещё поставить баннер "спецпредложение". Как лучше всего его туда поставить? Есть идея сделать ещё один блок правее ссылок, но думаю это не очень хорошая идея. 6. Как сделать чтобы весь сайт был по центру браузера? 7. Делал этот сайт в notepad++. Также знаю что некоторые делают сайты в Dreamweaver, Frontpage и подобных программах. С чего стоит начинать и на чём в работают в основном верстальщики достаточно хорошо знающие свое дело? Буду очень благодарен за подробные советы и критику.
×
×
  • 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