Jump to content

mozart

User
 View Profile  See their activity

  • Posts

    48

  • Joined

  • Last visited

 Content Type 

Everything posted by mozart

  1. mozart
    Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)
  2. mozart
    я п с удовольствием, но без пнг зделать резину ну ника не получится, а нада резина.. Подсказали решение http://www.dillerdesign.com/experiment/DD_belatedPNG/, но блин ява.. мб кто знает, можно ли сие как то перевести в htc файл на манер http://www.twinhelix.com/css/iepngfix/, оставить ручную подстановку классов, которые надо обработать, но при этом что бы осел не кричал, что ему надо что то включать?
  3. mozart
    Доброго времени суток! Старая "добрая" проблема пнж в ослах версий ниже 7й.. раньше пользовался первой версией вот этого http://www.twinhelix.com/css/iepngfix/, хватало.. К сожалению пришел тот день когда мне в руки попал сайт, который просто напросто перегружен пнж картинками и вышеуказанное, даже вторая версия не помогают.. может кто знает как справится с этой ерундой?
  4. mozart
    Сверстаю недорого. Оплата, сроки - в зависимости от сложности макета. Писать в пм.
  5. mozart
    Сверстаю недорого. Оплата, сроки - в зависимости от сложности макета. Писать в пм.
  6. mozart
    Доброго времени суток! Задача следующая: зафиксировать панельку сверху тут. Фикс ( body > #SupportPanel {position:fixed;}) в сумме с #SupportPanel {position:absolute;} и <!--[if IE 6]> <style type="text/css"> html { overflow:hidden; } body { height:100%; overflow:auto; } </style> <![endif]-->, который я применял ранее, почемуто здесь не работает, даже когда я ставлю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> как раньше.. можеть быть кто знает где я допустил ошибку или какой другой способ зафиксировать панельку в осле? (толкового java е нашел (() Буду очень благодарен за помощь! P.S. Хостинг бесплатный, поэтому не взещите, тормаз еще тот, и не всегда с первого раза загружает все что надо..
  7. mozart
    Где его заменить, для какого элемента? Если height:46px в #top-nav li заменить на min-height:46px, это дает результат как при просто удалении height:inherit в #top-nav li li, тоесть #top-nav li li наследует высоту из #top-nav li.
  8. mozart
    ссылка на часть скриншота: http://tzen.net76.net/uploads/opera/opera-error.jpg . Там обрезаются все надписи по низу, продолжение полужидкие строительные смеси обрезается, остается только полужидкие, надпись магазин мягких игрушек вылазит за пределы выпадающего меню. Эта проблема решается если убрать height:inherit для #top-nav li li, но тогда принимается высота #top-nav li, то есть 46 пкс, а этого не нада.. Указывать высоту для #top-nav li нада, что бы бордерсы слева указанные как background отображались полностью + при отсутствии height для #top-nav li проблема вообще попасть на пункт выпадающего списка, при попытке навестись на выпадалку, она скрывается..
  9. mozart
    Доброго времени суток. Проблема в Опере 9.1-9.2, есть выпадающее меню построеное по средствам списков и CSS. Если ссылка сильно длинная и переносится на вторую строку, то Опера ее не показываетт вообще, к тому же режет нижнюю часть первой строки текста... Что делать? Обновить Оперу прошу не предлагать. <ul id="top-nav"> <li class="tnma tnmp"><a class="tnma tnmp" href="#" >О компании</a> <ul> <li><a href="#" >Строительная техника</a> </li> <li><a href="#" >Импорт древесины</a> </li> <li><a href="#" >Полужидкие строительные смеси</a> </li> <li><a href="#" >Доставка грузов</a> </li> <li><a href="#" >Снос жилых зданий</a> </li> <li><a href="#" >Секционные заборы</a> </li> <li><a href="#" >Магазин мягких игрушек</a> </li> <li class="popend"></li></ul> </li> <li><a href="#" >Продукция</a> </li> <li><a href="#" >Новости</a> </li> <li><a href="#" >Информация</a> </li> <li><a href="#" >Контакты</a> </li><li> </li> </ul> CSS #top-nav li li { width: 178px; } #top-nav, #top-nav ul { list-style: none; margin: 0px; padding: 0px; } #top-nav ul { position: absolute; top: auto; display: none; } #top-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #top-nav li { margin-left: -1px; float: left; display:block; height:46px; /*background:url() left center no-repeat;*/ } /*#top-nav li:hover { background:url() left center no-repeat; }*/ #top-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; display:block; height:inherit; /*background:#ffffff url() left repeat-y;*/ background:#ffffff; border:#a5a5a5 solid 1px; border-top:none; border-bottom:none; <!--height:10px;--> } /*#top-nav li li:hover {background:#ffffff url() left repeat-y;}*/ #top-nav a { display: block; margin: 0px; text-decoration: none; color: #006699; font-weight:bold; } #top-nav a:hover { color:#fd8a4b; } #top-nav li a { margin-top:16px; padding:0 15px; font-size:10pt; } #top-nav li li a { margin:0; font-size:8pt; /*line-height:10px;*/ padding:3px 10px; text-align:left; } #top-nav ul, #top-nav li:hover ul, #top-nav li:hover ul ul, #top-nav li.tnmph ul, #top-nav li.tnmph ul ul { display: none; } #top-nav li:hover ul, #top-nav ul li:hover ul, #top-nav ul ul li:hover ul, #top-nav li.tnmph ul, #top-nav ul li.tnmph ul, #top-nav ul ul li.tnmph ul { display: block; padding:10px 0 5px 0; margin-top:14px; /*background:url() top center no-repeat;*/ border-bottom:#a5a5a5 solid 1px /*border:#a5a5a5 solid 1px; border-top:none; */ width:178px; } #top-nav li li { float: left; clear: both; } #top-nav li li a { height: 1%; } #top-nav ul li.popend {height:6px; width:178px; background:none; background:url(uploads/KBI/popend.gif) center top no-repeat;} Попытка установить dragonfly под версию 9.1-9.2 что бы хоть увидеть че Опера не понимает увенчалась неудачей, т.к. на оф сайте под эту версию dragonfly'я уже нет, поиск в др. источниках тоже не дал результатов.. В слепую тож ничего не получается..(( Помогите плиз..
  10. mozart
    Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..
  11. mozart
    Доброго времени суток! Воспрос такой, можно ли вместо кнопки SUBMIT зделать просто текстовую ссылку с присущими таковой свойствами CSS, hover например, или может сделать как то кнопку из картинки, что бы при наведении картинка кнопки менялась на другую.
  12. mozart
    Собственно на дивах и сделал, но хотелось бы все таки на таблицы перевести из своих соображений..
  13. mozart
    Доброе время суток! Может кто знает, можно ли сделать выравнивание списка не по левой стороне, а по правой, соответственно и маркеры перенести тоже на правую сторону? Задумка зделать меню полукругом обтекающий справа и слева груглый объект. С правым списком проблем нет, а вот с левым - проблема. Можно ли такое сделать списком?
  14. mozart
    В IE6 ничего не помогло! Как быть?
  15. mozart
    Доброго времени суток! Проблема следующего содержания: КОД: <table cellpadding="0" cellspacing="0" width="600" height="100%" border="1" style="border-collapse:collapse;"> <tbody> <tr> <td colspan="2" height="100"> </td> </tr> <tr> <td rowspan="2" width="200"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td height="20">ПРОБЛЕМНАЯ</td> </tr> <tr> <td>2</td> </tr> </tbody> </table> Ячейка "ПРОБЛЕМНАЯ" отображается заданной высотой тока в Google Hrome, все остальные браузеры делают ячейки "ПРОБЛЕМНАЯ" и "2" равными по высоте. Есть ли решение не связанное с прменением вложенных таблиц и указания жесткого размера по высоте ячейки "2"? Может экспрешены или хак какой нибудь и т.д. ???
  16. mozart
    Спасибо всем за помощь!!! Все заработало при одновременном применении line-height и font-size. Для тех кто может в дальнейшем будет искать привожу код: <div> <div class="v1"><div class="l1"><div class="l2"><div class="l3"><div class="l4"></div></div></div></div></div> <div class="v2"><div class="l1"><div class="l2"><div class="l3"></div></div></div></div> <div class="v3"><div class="l1"><div class="l2"></div></div></div> <div class="v4"><div class="l1"><div class="l2"></div></div></div> <div class="v5"><div class="l1"></div></div> <div class="v6"><div class="l1"><div class="l2"></div></div></div> <div class="v7"><div class="l1"></div></div> <div class="v8"><div class="l1"></div></div> <div class="v9"><div class="l1"></div></div> <div class="v10"><div class="l1"></div></div> </div> <div style="background:#4deffa; border-left:#55fofa solid 1px; border-right:#55fofa solid 1px;"> <p>text</p> </div> <div> <div class="v10"><div class="l1"></div></div> <div class="v9"><div class="l1"></div></div> <div class="v8"><div class="l1"></div></div> <div class="v7"><div class="l1"></div></div> <div class="v6"><div class="l1"><div class="l2"></div></div></div> <div class="v5"><div class="l1"></div></div> <div class="v4"><div class="l1"><div class="l2"></div></div></div> <div class="v3"><div class="l1"><div class="l2"></div></div></div> <div class="v2"><div class="l1"><div class="l2"><div class="l3"></div></div></div></div> <div class="v1"><div class="l1"><div class="l2"><div class="l3"><div class="l4"></div></div></div></div></div> </div> Стили .v1 *, .v2 *, .v3 *, .v4 *, .v5 *, .v6 *, .v7 *, .v8 *, .v9 *, .v10 * {height:1px; overflow:hidden; font-size:0; line-height:0;} .v1 div.l1, .v1 div.l2, .v2 div.l1, .v2 div.l2, .v2 div.l3, .v3 div.l1, .v3 div.l2, .v4 div.l1, .v4 div.l2, .v5 div.l1, .v6 div.l1, .v6 div.l2, .v7 div.l1, .v8 div.l1, .v9 div.l1, .v10 div.l1 {height:1px; margin:0px 1px;} .v1 div.l3, .v1 div.l4 {height:1px; margin:0px 2px;} .v1 {background-color:#ebfdfe; margin:0 5px;} .v1 div.l1 {background-color:#baf9fd;} .v1 div.l2 {background-color:#8ff5fc;} .v1 div.l3 {background-color:#6df2fb;} .v1 div.l4 {background-color:#55f0fa;} .v2 {background-color:#feffff; margin:0 3px;} .v2 div.l1 {background-color:#b8f9fd;} .v2 div.l2 {background-color:#75f3fb;} .v2 div.l3 {background-color:#4deffa;} .v3 {background-color:#f2feff; margin:0 2px;} .v3 div.l1 {background-color:#9ff6fc;} .v3 div.l2 {background-color:#4deffa;} .v4 {background-color:#feffff; margin:0 1px;} .v4 div.l1 {background-color:#9ff6fc;} .v4 div.l2 {background-color:#4deffa;} .v5 {background-color:#b8f9fd; margin:0 1px;} .v5 div.l1 {background-color:#4deffa;} .v6 {background-color:#ebfdfe;} .v6 div.l1 {background-color:#75f3fb;} .v6 div.l2 {background-color:#4deffa;} .v7 {background-color:#baf9fd;} .v7 div.l1 {background-color:#4deffa;} .v8 {background-color:#8ff5fc;} .v8 div.l1 {background-color:#4deffa;} .v9 {background-color:#6df2fb;} .v9 div.l1 {background-color:#4deffa;} .v10 {background-color:#55f0fa;} .v10 div.l1 {background-color:#4deffa;} Всем удачи!
  17. mozart
    Обьясню на примере таблицы: <table><tbody><tr> <td><!--left--> <div>left1</div> <div>left2</div> <div>left3</div> </td> <td width="800">content</td> <td><!--right--> <div>right1</div> <div>right2</div> <div>right3</div> <div>right4</div> <div>right5</div> </td> </tr></tbody></table> Так вот: колонки left и right должны тянуться по ширине в зависимости от ширины окна браузера, при этом content должен оставться в центре окна браузера. left1=right1, left2=right2, left3=right3 - одинаковые уровни фона с фиксированной высотой. right4 должен тянуться по высоте от right3 и припирать right5 к низу.
  18. mozart
    А сие будет работать как submit без type="submit"?
  19. mozart
    Есть часть кода формы входа из движка форума vBulletin. Хочу заменить кнопку входа со стандартной на свою. Поискал на форуме, нашел такую возможность примерно следующего вида: <input type="image" src="/images/imgbutton.gif"> Но проблема в том, что параметр type в моем случае уже имеет значение. Как быть? Вот код: <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <table border="0" cellpadding="0" cellspacing="3" width="341"> <tbody> <tr> <td class="smallfont" style="white-space: nowrap;"> <label for="navbar_username">Имя</label> </td> <td> <input class="bginput" style="font-size: 11px;" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="Имя" onfocus="if (this.value == 'Имя') this.value = '';" type="text"> </td> <td class="smallfont" nowrap="nowrap"> <label for="cb_cookieuser_navbar"> <input name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" type="checkbox">Запомнить? </label> </td> </tr> <tr> <td class="smallfont"> <label for="navbar_password">Пароль</label> </td> <td> <input class="bginput" style="font-size: 11px;" name="vb_login_password" id="navbar_password" size="10" tabindex="102" type="password"> </td> <td> <input class="button" value="Вход" tabindex="104" title="Введите ваше имя пользователя и пароль, чтобы войти, или нажмите кнопку 'Регистрация', чтобы зарегистрироваться." accesskey="s" type="submit"> </td> </tr> </tbody> </table> <input name="s" value="" type="hidden"> <input name="securitytoken" value="db8db40465f94fceadd05c5a64eef2e703bef8b9" type="hidden"> <input name="do" value="login" type="hidden"> <input name="vb_login_md5password" type="hidden"> <input name="vb_login_md5password_utf" type="hidden"> </form>
  20. mozart
    Пробовал, не помогает..
  21. mozart
    Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0px 1px;font-size:1px;} .v1 div.l2 {display:block; height:1px; background-color:#e4f5fc; margin:0px 1px;font-size:1px;} .v1 div.l3 {display:block; height:1px; background-color:#dcfrfb; margin:0px 2px;font-size:1px;} .v1 div.l4 {display:block; height:1px; background-color:#d6fota; margin:0px 2px;font-size:1px;} .v2 {height:1px; background-color:#eef9fd; margin:0 4px;font-size:1px;} .v2 div.l1 {display:block; height:1px; background-color:#def3fb; margin:0 1px;font-size:1px;} .v2 div.l2 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v3 {height:1px; background-color:#fcfeff; margin:0 2px;font-size:1px;} .v3 div.l1 {display:block; height:1px; background-color:#e8f6fc; margin:0 1px;font-size:1px;} .v3 div.l2 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v4 {height:1px; background-color:#e8f6fc; margin:0 2px;font-size:1px;} .v4 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v5 {height:1px; background-color:#eef9fd; margin:0 1px;font-size:1px;} .v5 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v6 {height:1px; background-color:#fafdfe;font-size:1px;} .v6 div.l1 {display:block; height:1px; background-color:#def3fb; margin:0 1px;font-size:1px;} .v6 div.l2 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v7 {height:1px; background-color:#eef9fd;font-size:1px;} .v7 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v8 {height:1px; background-color:#e4f5fc;font-size:1px;} .v8 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v9 {height:1px; background-color:#dcf2fb;font-size:1px;} .v9 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} .v10 {height:1px; background-color:#d6f0fa;font-size:1px;} .v10 div.l1 {display:block; height:1px; background-color:#d4effa; margin:0 1px;font-size:1px;} Сам код: <div style="margin:0 10px;"> <div> <div class="v1"><div class="l1"><div class="l2"><div class="l3"><div class="l4"></div></div></div></div></div> <div class="v2"><div class="l1"><div class="l2"></div></div></div> <div class="v3"><div class="l1"><div class="l2"></div></div></div> <div class="v4"><div class="l1"></div></div> <div class="v5"><div class="l1"></div></div> <div class="v6"><div class="l1"><div class="l2"></div></div></div> <div class="v7"><div class="l1"></div></div> <div class="v8"><div class="l1"></div></div> <div class="v9"><div class="l1"></div></div> <div class="v10"><div class="l1"></div></div> </div> <div style="background:#d4effa; border-left:#d6fofa solid 1px; border-right:#d6fofa solid 1px;"> <div style="margin:0 20px; text-align:justify;">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div> </div> <div class="v10"><div class="l1"></div></div> <div class="v9"><div class="l1"></div></div> <div class="v8"><div class="l1"></div></div> <div class="v7"><div class="l1"></div></div> <div class="v6"><div class="l1"><div class="l2"></div></div></div> <div class="v5"><div class="l1"></div></div> <div class="v4"><div class="l1"></div></div> <div class="v3"><div class="l1"><div class="l2"></div></div></div> <div class="v2"><div class="l1"><div class="l2"></div></div></div> <div class="v1"><div class="l1"><div class="l2"><div class="l3"><div class="l4"></div></div></div></div></div> </div> </div> Код огромен за счет того, что хотел получит эффект сглаживания.
  22. mozart
    В принципе таким образом я сделал первые три уровня фона, которые одинаковые для правой и левой сторон сайта, но прикол вот в чем: слева имеем три уровня фона, а справа - пять. Первые три для правой и левой частей одинаковы, а следующие два только в правой части. Там полупрозрачный фон (тень), поэтому наложение одного слоя на другой не подходит. Сорри за лишний пост, Опера со своим способом кеширование не показала предыдущий ответ..
  23. mozart
    Проблема следующая: есть код: #but {width:400px; height:100px;} #but a {display:block; float:left; width:100px; height:100px; color:#4088b8;} #but a:hover {color:#131313; background:url(i/image.gif) center bottom no-repeate;} <div id="but"> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> </div> проблема: linkname прижимается к верхней границе блока, а надо что бы был внизу. Пробвал применять padding со нужными значениями, но в этом случае увеличивается высота блока и соответственно толкает вниз все что под ним. Также пробовал разные варианты display - тоже ничего. Vertical-align - вообще мертво.. Что делать?
  24. mozart
    В принцыпе первые три уровня фона сделать таким образом мона, но проблема вовсе не в этом. Весь гвоздь программы - разница в количестве уровней фона справа и слева от основного окна. Слева мы имеем три уровня фона, а справа - пять, причем один из этих пяти уровней должен тянутся от и до опрделенного момента. Последние два уровня полупрозрачные (тень), поэтому вариант с наложением одного фона на другой не подходит..
  25. mozart
    В body уже есть фон, во вторых clear:both не решает основной задачи. Ко всему прочему проблема с вісотой остается без решения...
×
×
  • 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

  I accept