Dayks

Прошу прощения, не совсем понял что дает + "px" и зачем оно нужно. Если что в javascript я ориентируюсь только по логике, самого языка не знаю. А задача состоит в том, чтобы залить поле 2 таким же цветом, как и фон сайта, при этом поле 3 должно быть цвета body, то есть прозрачным.

Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО в IE, а в хроме и ФФ блок занимает ширину всего дисплея.

Написал в службу поддержки хрома. Ответа оттуда мне скорее всего не последует, но, возможно, ошибку исправят

Нет, не помогло. Плюс свойство line-height:24px; перестало работать и все буквы съехали немного вниз пришлось убрать блочность

Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойство без псевдокласса. Теперь суть проблемы: в Опере и ФФ все работает отлично, и на текущей категории и на всех орстальных, а вот Хром ведет себя странно - после посещения какой-либо категории на ней свойство transition перестает работать. То есть в процессе обнаружения проблемы я перещелкал все категории и теперь они у меня в Хроме не "плавные" вообще, ни одна. Буду благодарен вашей помощи, спасибо.

Как создать фикс-блок для перехода в одном направлении я знаю, можно с помощью <a href="javascript:void(0)" onclick="scroll(0,0)">Подняться вверх</a> Остались проблемы с возвращением обратно и с шириной блока перехода - если ширина сайта фиксированная, то как сделать чтоб блока перехода занимал все пространство слева от самого сайта? И по первому пункту так же не знаю как сделать.

Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положение (которое было до первого нажатия) по второму. Заранее спасибо всем, кто откликнется. Думаю данная тема интересна не мне одному.

Рано радоваться начал... при использовании input все красиво - строка ввода поискового запроса идет строго на одном уровне с кнопкой поиска, но как только заменяю на <button></button> сразу же все летит к чертям - в опере поле ввода смещается ниже кнопки, в хроме и ФФ выше (в ФФ больше вверх чем в хроме), в ИЕ тоже ниже. Вобщем поправить ситуацию позиционированием невозможно. Ребят, помогите наконец-таки решить проблемку... вот куски кода если что: html <div id="searchback"> <div id="searchbar"> <form method="get" action="<?php bloginfo('url'); ?>/" class="searchform" style="float: right;"> <fieldset> <input type="text" value="<?php the_search_query(); ?>" name="s" class="searchterm" /> <input type="submit" value="Искать!" class="searchbutton" /> </fieldset> </form> </div> </div> css #searchback { border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; -moz-border-bottom-left-radius: 7px; float:right; width:310px; height:40px; background-color:#5b5b5b; } #searchbar { margin-top:5px; height:30px; float: right; margin-right:24px; display: inline; font-size: 0.7em; border:1px solid red; } .searchform { display: inline; vertical-align: middle; } .searchform fieldset { display: inline; vertical-align: middle; } .searchform label { display: inline; vertical-align: middle; } .searchform input { display: inline; vertical-align: middle; } .searchform .searchterm { width: 200px; padding: 3px; color: #999; background: #fff; border: 1px solid #ccc; } .searchform .searchterm:focus { background: #fffff9; } .searchbutton { background:url(images/search.png) no-repeat; cursor: pointer; font-size: 0.9em; height: 30px; width: 30px; } .searchform .searchbutton:hover { background: url(images/search_focus.png) no-repeat; } при этом коде я вижу следущее черный блок - это searchback, внутри красной рамки searchbar, кнопку вы и сами видите

не вариант, та же фигня со словом ОТПРАВИТЬ помогло, спасибо

Если у кнопки типа submit убрать свойство value, то появляется надпись "Отправить". Я так понял это стандартное значение свойства value. Ну а заполнять его так же не вариант, так как текст идет поверх кнопки поиска. А как сделать чтоб надпись не отображалась вообще не пойму.

Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.

как это сделать если сайт на локале? в принципе могу кинуть все файлы темы (сайт на wordpress), но проверяющему Денвер поставить нужно, вы наверно в курсе

да, конечно

сайт на локалхосте не... не помогло короче в ФФ оно выглядит так: а должно быть таким:

Почему-то в ФФ над блоком header появилась непонятная полоса цвета фона body (нигде ее больше нет, даже в ИЕ). Вот решил поекспериментировать и наткнулся на отказ свойства.

<div id="header"> <div id="header_logo"> <a href="<?php bloginfo('home'); ?>/"></a> </div> <div id="bar"> <ul id="catmenu"> <li<?php if(!is_category() && !is_page()) { ?> class="current-cat"<?php } ?>><a href="<?php bloginfo('home'); ?>/">Главная</a></li> <?php wp_list_categories('hide_empty=0&depth=1&title_li='); ?> </ul> </div> </div> #bar { background: #6a6a6a; margin-left:10px; margin-bottom:0px; }

Всем салют. Проблема вот в чем: есть блок header, в котором размещен блок header_logo и блок bar, которые идут друг за другом по горизонтали. Но мне не удается разместить блок bar в самом низу блока header, свойство margin-bottom:0; просто не работает. Да и с любым другим значением оно не работает - блок bar просто кидает в сам верх. Хотя в то же время margin-left и margin-top работают как надо. В чем может быть проблема? Спасибо.