» Вопросы по CSS

Код: body{
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    background-image:url('../images/background/BackGr.jpg');
    background-repeat:no-repeat;
    background-color:#ffffff;
}

vs6262

Как растянуть фон на всю ширину окна?

или гугл

unreal666
спс

Добавлено:
http://bw-webcreators.de/-0006/

кто подскажет как с помощью css запретить в слоях выделение / маркирование текста ?

vs6262
http://css-tricks.com/almanac/properties/u/user-select/

но лучше не заниматься такой фигней, так как при желании - скопировать можно.

как проще сделать с помощью css Clip(открывается сообщение) наверх ?

vs6262

Цитата:

Clip(открывается сообщение) наверх

чего?

Цитата:

чего?

Impressum(About) к примеру

Добавлено:
http://bw-webcreators.de/-0008/

Добавлено:
div'a

vs6262

Цитата:

Impressum(About) к примеру

и? там нет ничего

еще раз - внятно формулируем вопрос
если будете писать как здесь, то лучше не надо.

я имел ввиду как реализовать Clip с пом. css ?

vs6262

Цитата:

я имел ввиду как реализовать Clip с пом. css

еще раз, русским языком, без обрывков мыслей.
что такое Clip? обрезать что и как? объясните нормальным языком

Цитата:

Clip

извеняюсь не знаю как все правильно называется

вообщем пом. css медленно всплывающее окно наверх ?

vs6262

Цитата:

извеняюсь не знаю как все правильно называется

ну так объясняйте словами, а не обрывками.


Цитата:

вообщем пом. css  медленно всплывающее окно наверх ?

никак. можно использовать CSS анимации (как дополнение), но очень и очень не рекомендуется
http://www.w3schools.com/css/css3_animations.asp
лучше двигать с помощью javascript

Наверное он имел в виду всплывающее окно.

vs6262
выбирай:
http://www.smashingapps.com/2013/03/14/13-very-useful-jquery-modal-plugins.html

как сие чудо приручить к Internet Explorer ?


Код: @font-face {
font-family: 'Lucida Handwriting';
font-style: normal;
font-weight: 300;
src: local('Lucida Handwriting'), local('Lucida Handwriting'), url(../fonts/LHANDW.TTF) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Lucida Handwriting'), local('Lucida Handwriting'), url(../fonts/LHANDW.TTF) format('truetype');
}
@font-face {
font-family: 'Lucida Handwriting';
font-style: normal;
font-weight: 600;
src: local('Lucida Handwriting'), local('Lucida Handwriting'), url(../fonts/LHANDW.TTF) format('truetype');
}

vs6262
http://msdn.microsoft.com/library/ms533034

vs6262
кроссбраузерный вариант, шрифт нужен в 4-х форматах:

@font-face {
    font-family: 'OpenSans';
src: url('OpenSans-CondBold-webfont.eot');
src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
url('OpenSans-CondBold-webfont.woff') format('woff'),
url('OpenSans-CondBold-webfont.ttf') format('truetype'),
url('OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}

Приветствую, проблема со стилями одного плагина для Wordpress, плагин это поиска по недвижимости в сша - вот так выглядит страница в нормальном виде -
http://www.bostonrealproperty.com/
А вот так начинает "плыть" в недефолтной теме - http://panofactory.net/data/boston2/property-search/
Видно, что в момент перезагрузки, когда еще загружена страница не полностью, какое то короткое время отображается нормально, а после полной загрузки страницы плывет.
На стандартных WP-темах все нормально, предположил, что стили темы переписывают стили плагина - css же, который использует данный плагин, вижу только один, который подгружается с сайта его разработчиков, вот этот - http://wp.rls2000.com/art/style/theme1/style-royal-darkblue.css.
Пробую принудительно прописывать стили из этого файла к данной конкретной странице - изменяются только стили текстов да шрифтов, а все списки да таблицы так криво и выводятся.
Чего я не вижу? Как решить проблему?

Weinaum
убери у .ez-checkbox свойство float: left;

Цитата:

убери у .ez-checkbox свойство float: left;

можно и для следующего элемента просто добавить
clear:both, чтобы сбросить "плавучесть"

либо в .ez-checkbox выше float добавить ту строку )

OLEX
Cheery
спасибо, ну с правыми чекбоксами понятно, а вот с левыми элементами сложнее все - в в выпадающих списках, и текстовых полях, например, в списке с городами кроме размерности вообще нет ни одного города...

Weinaum
потому, что

Цитата:

Failed to load resource: the server responded with a status of 404 (Not Found) http://panofactory.net/wp-content/plugins/RLSWordPressSearch/art/search/search_townlist.php

Cheery
Закралась надежда, что из-за путей и проблемы, продублировал локально сайт в корне домена без подпапки - ну типа просто site.ru/ - все проблемы остались, что характерно, в этом случае выбрать город можно, но только в случае дефолтных тем...

Weinaum
Скрипта выбора городов нету - http://panofactory.net/wp-content/plugins/RLSWordPressSearch/art/search/search_townlist.php

OLEX
это я понял, я ж написал-в плагине путь к этому листу прописан относительный, а я тестирую в субдиректории - не вижу смысла переписывать этот путь, поскольку все в рабочем варианте будет без субдиректорий...я просто подумал, что из-за проблем с путями может быть и косяки со стилями, поэтому и сделал эксперимент, описанный постом выше. Но, как оказалось, проблем со стилями это не решает, с левыми формами так пока и не разобрался...

Похоже что это проблема не css, а javascript - при отключении js в браузере отображение нормальное.
Теперь осталось разобраться, что с чем конфликтует и как это пофиксить....

Weinaum

Цитата:

Теперь осталось разобраться, что с чем конфликтует и как это пофиксить....

Цитата:

Uncaught ReferenceError: jQuery is not defined

Cheery
да, подсказали, что проблема в jquery.js, отключил на заданной странице - поэтому может теперь и пишет эту ошибку, но отображается корректно и вроде бы так же корректно и работает.
Но надо удостовериться, что остальная функциональность не нарушена - вижу, что после поиска на выбранном объекте не работает зум-просмотр дополнительных фотографий. Однако я вижу, что это также не работает и при неотключенном файле - можно увидеть там где я не отключал jquery - так что скорее всего это баг плагина, с которым надо разбираться....

Weinaum

Цитата:

что после поиска на выбранном объекте не работает зум-просмотр дополнительных фотографий.

по той же причине - смотрите лог ошибок в браузере.

Вопрос про кликабельность ссылок, чьи блоки повернуты на определенный угол.

дано. изначальные блоки с width:142px на height:66px. внутри блоков изображение и картинка и текст, как ссылки.
расстояние между блоками - от начала первого блока до начала второго - 40px. то есть, меньше, чем ширина. но так как блоки находятся в абсолютном позиционировании и повернуты против часов на 45 градусов, они как бы между собой не ссорятся, за исключением одного но - ссылки кликабельны лишь в нижнем левом их углу.

[more]
<div id="pencilb02">
    <div id="linkimg"><img src="images/0017.png" width="142" height="66" alt="0017png"></div>
    <div class="pencilt01"><a href="somelink">О студии</a></div>
</div>

<div id="pencilb03">
    <div id="linkimg"><img src="images/0017.png" width="142" height="66" alt="0017png"></div>
    <div class="pencilt01"><a href="somelink2">Наши услуги</a></div>
</div>


#pencilb01,#pencilb02,#pencilb03,#pencilb04,#pencilb05,#pencilb06,#pencilb07,#pencilb08,#pencilb09,#pencilb10,#pencilb11 {
    position:absolute;
    width:142px;
    height:66px;
    top:125px;
    z-index:2;
}

.pencilt01 {
    position:absolute;
    width:100px;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform:rotate(-30deg);
    color:#ffffff;
    font-size:13px;
    font-weight:800;
    text-align:center;
    bottom:19px;
    left:28px;
    outline:1px solid #ff008d;
    z-index:4;
}

.linkimg a:link,.pencilt01 a:visited {color: #ffffff;text-decoration:none;}
.linkimg a:hover {color: #ffffff;text-decoration:none;font-size:15px;}
.pencilt01 a:active {color: #008000;}

#pencilb01 {
    left:0;
}

#pencilb02 {
    left:62px;
}
...[/more]



margin'ом зону не увеличить (вернее, увеличть-то можно, но как только начнешь восстанавливать позиционирование, проблема кликабельности возвратится вновь), а яву сюда тащить очень не хочется.

как растянуть высоту блоков так, что бы и конфликтов не было и кликабельность была?