Jump to content

pdbq

Newbie
  • Posts

    16
  • Joined

  • Last visited

Everything posted by pdbq

  1. помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); background: -ms-linear-gradient(#EEFF99, #66EE33); background: -o-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(PIE.htc); } #main1{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); background: -ms-linear-gradient(#EEFF99, #66EE33); background: -o-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(PIE.htc); margin-bottom: 10px; } #main2{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); background: -ms-linear-gradient(#EEFF99, #66EE33); background: -o-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(PIE.htc); margin-bottom: 10px; } #main3{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); background: -ms-linear-gradient(#EEFF99, #66EE33); background: -o-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(PIE.htc); } </style> <body> <div id='main'> <div id='main1'>sdgsdg</div> <div id='main2'> <p>Данный проект расширяет функциональные возможности сооружения на реке. Может решить очень важные проблемы крупных городов России и мира. Это дополнительные строительные площади при не достатке земельных ресурсов в центре крупных городов. Многофункциональное сооружение на реке, соединяющее два берега.</p> </div> <div id='main3'>fgsddsdsdsg</div> </div> </body> </html>
  2. да прошу прощения, ошибся. это градиент не для текста а для фона. есть методы градиента для текста но помнится мне они не понравились, там тоже использовали фотошоп. так что либо действительно как сказал Softlink использовать JS либо Photoshop)
  3. да, реально. ссылочка но IE не поддерживает некоторые градиенты, поэтому если это рисунок является неотъемлемой частью вашей страницы(вы используете его в названии статьи и названии сайта) то лучше сделать в фотошопе используя прозрачный фон формата png(так легче в плане кроссбраузерности, но css интереснее)
  4. имхо: так и есть. селект в данном случае что то вроде обьекта, который нужно инициализировать в head. тоесть допустим у тебя на странице должны быть 3 селекта, что для это нужно: 1) воспользоваться jquery 2) у каждого select должен быть id, пусть это будут combobox1, combobox2 и combobox3 3) в script следует описать все три этих обьекта. грубо говоря для работы combobox1 у тебя есть кусок кода $(function() { $( "#combobox1" ).combobox(); $( "#toggle" ).click(function() { $( "#combobox1" ).toggle(); }); }); тебя нужно сделать еще два варианта для combobox2 и combobox3.
  5. <!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]--> .leftmenu{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-image:url(images/mymenu.png); box-shadow: 0px 0px 10px 2px #fff; border-radius: 10px; height: 45px; overflow: hidden; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; behavior: url(PIE.htc); } В данном случае должно получится: прозрачное меню(рисунок), с округлыми углами и тенью(в моем случае свечение) Но почему то получается следующее: не прозрачный рисунок, с округлыми углами и тенью. я заметил что PIE.htc не работает одновременно с прозрачностью и тенью. Есть ли возможность сделать это?
  6. полностью согласен. Либо jQuery либо (к примеру одын либо подменить select два и тры) а это пример простого оформления, php уберите. работает во всех браузерах) <select name="product_sost_prodat" style="width: 142px;" required> <option></option>"; <?while($qwe=mysql_fetch_row($result)){ if($zav!=$qwe[3]) echo "<optgroup label='$qwe[3]' style='background: yellow none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'> </optgroup>"; if($sir!=$qwe[2]) echo "<optgroup label='$qwe[2]' style='background: orange none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'> </optgroup>"; echo "<option onclick='document.bgColor = #0099cc;' value='$qwe[0]'>$qwe[1]</option>"; $zav=$qwe[3]; $sir=$qwe[2]; }?> </select>
  7. <div id='шапка'> <div> #шапка{ background: url(рисунок); height: 300px; width: auto; } думаю так
  8. я думаю что единственное что вам поможет это зафиксировать min-width своего основного дива. в таком случае будет появляться прокрутка при уменьшении браузера(как у многих других), но это думаю не страшно. главное не задавать слишком большой размер
  9. я думаю проблемы будут непосредственно с почти всеми рисунками: крайний левый, крайний правый и центральный блок. Я хотел что бы блоки были "пушистыми", НО если под крайние блоки можно сделать рисунки то под центральный уже никак: во первых(даже если мы знаем его размеры) он будет большой за счет своей пушистости, во вторых мы не знаем его размер. или я чего то не до понимаю? возможно конечно сделать маленький блок и растянуть его под текст но тогда качество будет не очень, совсем не очень
  10. ну я уже понял что он ничего не поддерживает, просто надеялся на PIE.htc, а оказалось что не все с ним реально сделать. была идея сделать все через рисунки, но тогда будут большие рисунки, весить будут много- грузится долго. а сейчас размеры 50x50px. да и если учесть что у них еще будет тень(свечение в моем случае, то расстояние между блоками будет тяжело регулировать) поэтому я решил эту идею не трогать. еще что нибудь посоветуете? может кто нибудь знает как преобразовать дизайн?
  11. кто нибудь помогите
  12. Засуньте все в один див фиксированной ширины и авто длины, помести его по центру экрана. ну а в нем 3 дива: меню, баннер, контент. к каждому примените padding и margin и собственно все. не работать не может.
  13. лично у меня все нормально. XP - IE8
  14. <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Тест</title> </head> <style> body{ background: CornflowerBlue; /*z-index: 1;*/ } #main{ width: 200px; background: MistyRose; /*z-index: 10;*/ } .button{ padding: 10px; margin: 15px; background: SpringGreen; width: 80px; height: 30px; font: 20px Georgia; text-align: center; opacity: 0.3; } .button:hover{ opacity: 1; } </style> <body> <div id = "main"> <div class="button">Home</div> <div class="button">Contact</div> <div class="button">Punkt 1</div> <div class="button">Punkt 2</div> <div class="button">Punkt 3</div> <div class="button">Punkt 4</div> <div class="button">Punkt 5</div> </div> </body> </html> сделал на примере цветов, без рисунков. но если заменить фоны рисунками ничего не должно поменяться только для современных браузеров. IE opacity не поддерживает по-моему, там нужны фильтры, на память не помню. #main{ width: 200px; background: url(mymenu.png); /*z-index: 10;*/ } .button{ padding: 10px; margin: 15px; background: url(test.png); width: 80px; height: 30px; font: 20px Georgia; text-align: center; opacity: 0.3; } использовал прозрачный png
  15. Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема: я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE. Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок). Что можно сделать что бы не переделывать дизайн сайта? я целый месяц разбирался со всем этим и на новый дизайн совсем не хочется тратить силы- настроения нет. Что можно переделать или оптимизировать для IE(использовал отдельный .css ), что бы было примерное сходство с другими браузерами? может что то на что нибудь заменить? это мой первый сайт, сильно не пинайте. Буду ждать вашего ответа. Спасибо! http://ufa-anna.ru/
×
×
  • 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