pdbq
Newbie-
Posts
16 -
Joined
-
Last visited
pdbq's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо БОЛЬШОЕ!)
-
помогите убрать странный отступ снизу(для 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>
-
да прошу прощения, ошибся. это градиент не для текста а для фона. есть методы градиента для текста но помнится мне они не понравились, там тоже использовали фотошоп. так что либо действительно как сказал Softlink использовать JS либо Photoshop)
-
да, реально. ссылочка но IE не поддерживает некоторые градиенты, поэтому если это рисунок является неотъемлемой частью вашей страницы(вы используете его в названии статьи и названии сайта) то лучше сделать в фотошопе используя прозрачный фон формата png(так легче в плане кроссбраузерности, но css интереснее)
-
имхо: так и есть. селект в данном случае что то вроде обьекта, который нужно инициализировать в head. тоесть допустим у тебя на странице должны быть 3 селекта, что для это нужно: 1) воспользоваться jquery 2) у каждого select должен быть id, пусть это будут combobox1, combobox2 и combobox3 3) в script следует описать все три этих обьекта. грубо говоря для работы combobox1 у тебя есть кусок кода $(function() { $( "#combobox1" ).combobox(); $( "#toggle" ).click(function() { $( "#combobox1" ).toggle(); }); }); тебя нужно сделать еще два варианта для combobox2 и combobox3.
- 1 reply
-
- 1
-
<!--[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 не работает одновременно с прозрачностью и тенью. Есть ли возможность сделать это?
-
полностью согласен. Либо 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>
-
<div id='шапка'> <div> #шапка{ background: url(рисунок); height: 300px; width: auto; } думаю так
-
я думаю что единственное что вам поможет это зафиксировать min-width своего основного дива. в таком случае будет появляться прокрутка при уменьшении браузера(как у многих других), но это думаю не страшно. главное не задавать слишком большой размер
-
я думаю проблемы будут непосредственно с почти всеми рисунками: крайний левый, крайний правый и центральный блок. Я хотел что бы блоки были "пушистыми", НО если под крайние блоки можно сделать рисунки то под центральный уже никак: во первых(даже если мы знаем его размеры) он будет большой за счет своей пушистости, во вторых мы не знаем его размер. или я чего то не до понимаю? возможно конечно сделать маленький блок и растянуть его под текст но тогда качество будет не очень, совсем не очень
-
ну я уже понял что он ничего не поддерживает, просто надеялся на PIE.htc, а оказалось что не все с ним реально сделать. была идея сделать все через рисунки, но тогда будут большие рисунки, весить будут много- грузится долго. а сейчас размеры 50x50px. да и если учесть что у них еще будет тень(свечение в моем случае, то расстояние между блоками будет тяжело регулировать) поэтому я решил эту идею не трогать. еще что нибудь посоветуете? может кто нибудь знает как преобразовать дизайн?
-
Засуньте все в один див фиксированной ширины и авто длины, помести его по центру экрана. ну а в нем 3 дива: меню, баннер, контент. к каждому примените padding и margin и собственно все. не работать не может.
-
лично у меня все нормально. XP - IE8
-
<!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