Kerny

Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>

Сделать тогда независимый див с кнопками и любым блоком толкать его вниз. Пока так и собираюсь. Или может еще думаю таблицей.

Не, не выходит все равно, кнопки заезжают.Либо мы говорим о разных проблемах, либо у вас что-то не получилось сделать. Быстренько накидал пример, просмотрите. Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

Не, не выходит все равно, кнопки заезжают. 1. Работает, очень даже но полосы прокрутки появляются, а они не нужны. 2. Попробовал тоже работает, но до ума еще не довел, и хотелось бы чтобы кнопки были вместе с контентом в одном диве родителе, т.к если генерируется автоматом, то сложнее в коде организовать.

Работает, если блоку указывать height явно, это меня не устраивает. Т.к при другом разрешении будет уже иное значение и текст налезет на кнопки, я уже пробовал.

Или когда на кнопку нажимаешь присваивать этому диву свойство display:none;

Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине. Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте. Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow: hidden; все исправляет, но тогда не видно части контента. Пробовал притянуть кнопки vertical-align: bottom; не вышло, как ни извращался. Жду дельного совета.

Сегодня подробно описал у себя в блоге.

Спасибо помогло, правда все равно когда слишком много дивов они не помещаются (из-за маргин-ригхт=20, но без него ни как) попробую сделать с помощью жава.

не выходит, все равно картинка уезжает, кстати картинка установлена как фон для дива, может из-за этого?

Возникла еще одна проблема. <div class="room_s selected_room" tabg="bzfy45dqoi9f58282p8djmrigz3efd" tabf="" tabd="Кому за 40" tabs="i51tc9c7eb8e4nwvnitznme4mlrm3q4" tabz="1" taby="terminal" tabx="26" selected=""> <div class="text_name"> <div class="text_m">Кому за 40</div> <div id="close_tab_hover1" class="close_tab"></div> </div> В выше приведенном коде, каждый тот див, состоит из этих. Т.е в каждый тот див включен див "text_name", он является родителем для "text_m" (там текст, название ссылки вкладки) и для "close_tab" (тут содержится картинка, крестик на него жмешь и вкладка закрывается). Так вот когда создаю много вкладок, картинка начинает, уезжать. .close_tab{ background: url("img/close_tab.png") no-repeat scroll center center transparent; display: inline-block; height: 20px; width: 20px; margin-top: -10px; float:right; } Чтобы зафиксировать картинку пробую так: .text_m { width: inherit; overflow: hidden; white-space: nowrap; } И вроде норм, но опять же при создании вкладок, уже не картинка уезжает, а вкладка создается за областью, вместо того чтобы уменьшаться. Ключевое, тут white-space: nowrap; если я его уберу, то уедут картинки а вкладка вернется. Вот стиль .text_name{ width: inherit; } А вот главного дива room_s .room_s{ padding-top: 10px; padding-left: 5px; background:#999; border-left: 1px solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; display: table-cell; font-size:14px; height:100px; margin:-3px 0 0 0; word-wrap: break-word; }

спасибо огромное за помощь, очень выручили, даже не представляете как.)))))

Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал3" tabs="eyf3jeugymkqp93iqxtvre24n94tth37" tabz="1" taby="terminal" tabx="14"></div> <div class="room_s selected_room" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал4" tabs="cziyhh1tzlwssctc6bvkroj947x7dx" tabz="1" taby="terminal" tabx="54" selected=""></div> </div> И этих дивов может быть гораздо больше, они генерятся с помощью javascript. Как их уменьшать, если их слишком много, а то так они на следующую строку прыгают?

Исправил просто на html я особо не смотрел, меня больше css интересовало. А как мне это поправить? Я так понял это от разрешения зависит. Наверное, что-то с абсолютным позиционированием? И еще Int я смотрю у вас шрифты не подключились, от этого наверное тоже смещается, т.к размер шрифта другой и т.п. У вас какая ОС? Это по ходу из-за нее.

спасибо, буду пробовать))) Хотелось бы узнать на сколько правильно использование таких конструкций (выделил жирным): }Мне кажется это не корректным

Привет все. Решил занять версткой. Нарисовал в Photoshop простой дизайн. И начал верстать. Вы не подумайте, я не собираюсь вам надоедать. Просто хочу спросить по поводу корректности уже законченной верстки, потому что я там очень жестко намутил. Мне кажется, что нормальные люди так не верстают. Посмотреть макет можно тут. А скачать полный архив с версткой и psd файлом здесь. Направьте на путь истинный. Например если использовать табличную верстку, то там более менее понятно, т.е визуально разбиваешь страницу на блоки и т.п. А в верстке слоями(блоками, дивами) как разбивать? создавать div'ы с размерами? Жду совета.

Сделал все иначе (вечно, сам себе мозг выношу). Не пойму, но каким, то чудом мне пришла в голову следующая конструкция. /**равняем блоки с Названием, Жанром и т.п*/ .node-rbook .field-type-text { display:table; margin-top:-8px; margin-bottom:-8px; } Из-за "display:table;" промежуток между полями становится слишком большим, "margin:0;", не помогает, потому извращаемся и юзаем "margin-8px;". Уже смотрится неплохо, картинку все обтекает, но в итоге я все же решил переместит картинку в левый край, а аватар пользователя в правый (по моему лучше смотрится). .field-name-field-cover{ float:left; padding-right: 10px; padding-bottom: 10px; } Вот так вот. Потому, что их создает drupal, а переделать его для меня пока сложная задача. А в данном контексте, это практически половину движка переписать нужно.

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

Вот.

Делаю следующим образом, как вы все посоветовали. { float: right; padding: 10px; } В итоге получаю:

Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?

об этом я и говорю, что может кто уже там с php разобрался, у друпала ведь свои api-функции есть.

В общем свертал другим способом... более извращенным... Снял стили, с так называемого главного div'а, и сделал по отдельности каждому div'у виджетов стиль. Тот самый виджет, которые должны видеть и анонимные и зарегистрированные пользователи: /**аноним*/ .fivestar-static-form-item{ float:right; margin-bottom:-50px; padding:20px; border: 1px solid #D3D7D9; padding-right:10px; margin-right: 30px;/**равняем*/ } /**зарегистрированный, в этом режиме создается доп. класс fivestar-combo-stars, поэтому мы можем обращаться отдельно*/ .fivestar-combo-stars .fivestar-static-form-item{ float:right; margin-bottom:-50px; padding:20px; border: 1px solid #D3D7D9; padding-right:10px; margin-right: -30px;/**равняем*/ } А вот стиль второго, на него-то и попала большая часть извращений: .form-type-fivestar { padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:30px; border-top: 1px solid #D3D7D9; border-bottom: 1px solid #D3D7D9; border-right: 1px solid #D3D7D9; background:#f7f7f8; /**цвет фона сайта*/ } Здесь мы заливаем, фон цветом сайта, потом продливаем область виджета и бордюры с помощью padding-left, чтобы фон наложился и скрыл в рег. режиме правый бордюр первого виджета, а бордюры дополнили разрыв и соединили в единую визуальную область два дива. Если-бы в режиме анонимного просмотра drupal или fivestar, создавал отдельный див с классом и оборачивал в него fivestar-static-form-item, а во время просмотра зарегистрированным пользователем его не создавал, то все решилось бы отдельным стилем для этого класса. В моем случае было-бы всего три строки, вместо громоздких наворотов. { border: 1px solid #D3D7D9; padding:20px; float:right; } Надо покопаться в коде, может научусь создавать. Вдруг еще возникнет такая необходимость, а выворачивать мозг всякими эпическими конструкциями не очень хочется. Может кто-нибудь уже разобрался?

Я хочу сказать, что html структура для зарегистрированного пользователя чуть-чуть отличается от структуры анонима. Для зарегистрированного пользователя выводится значения двух виджетов Средняя оценка всех пользователей и Личная оценка текущего пользователя, эти два виджета описаны в одном div с классом (в css он имеет описание fivestar-widget), то есть div c этим классом включает в себя еще div'ы. Первый fivestar-static-form-item(средняя оценка, она выводится анониму и зарегистрированному пользователю), второй form-type-fivestar form-item-vote (выводится только зареганному). Отображается это так: Скрин Теперь если я выхожу из аккаунта и смотрю из под анонима, то форматирования нет. Соответственно, я лезу в структуру дивов и смотрю нужный класс. Он оказывается fivestar-static-form-item(то есть тот у которого в зарегистрированном варианте родитель тот самый главный див fivestar-widget) Я добавляю css класс и получаю это: скрин Все вроде хорошо, но когда вновь авторизоваться, получаю это скрин Это потому, что fivestar-static-form-item входит в структуру, главного дива и css обрабатывает сначала главный див, а потом конкретно fivestar-static-form-item. Так вот мне надо, что он его не обрабатывал, когда пользователь зареган и обрабатывал, когда аноним. Вот структура, когда смотрит зарезанный пользователь Когда аноним Вот скрин html в зареганом варианте, выделен главный див.

Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это вот так: Вроде все нормально, но когда захожу под зарегистрированным пользователем и смотрю статью, форматирование выглядит так: Это связано с тем, что класс div с классом .fivestar-static-form-item, входит в div, который имеет класс .fivestar-widget. Помогите решить проблему.