Xenia Wanger

Кроссбраузерно надо? Минимальная версия ИЕ какая?

Желательно IE c 9-й версии

Здравствуйте!

Подкиньте, пожалуйста, идею: как реализовать такое меню? В обычном состоянии это простое меню с маркерами слева:

А при наведение становится так:

 

Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)

А что с кодом не так?

Нужно,чтобы список Подпунктов был слева, а описание про "многослойные структуры" справа на зеленом фоне.

 

Такая каша в коде, что его прочитать можно только под чем-то)

Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)

 

 

Спасибо работает...! Спасибо!

Если вас не затруднит , можете ещё и объяснить как white-space влияет на ширину... ?

 

 

http://htmlbook.ru/css/white-space

 

это то понятно... мне непонятно почему приоритет именно за white-space а за width? http://jsfiddle.net/pe2H5/

 

Между width и white-space нет вообще никакой связи. width задает ширину, white-space управляет пробелами. Поэтому о каких приоритетах идет речь, если строкой white-space: nowrap; вы запрещаете перенос? Соответственно при задании фиксированной ширины блока текст будет выходить за его пределы, иначе тогда зачем указывать white-space: nowrap; ?

Ну уж выбрать бесплатный хостинг и самому можно. Гугл в помощь + эксперименты.

Спасибо работает...! Спасибо!

Если вас не затруднит , можете ещё и объяснить как white-space влияет на ширину... ?

 

http://htmlbook.ru/css/white-space

 

 

Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0

 

но отступ все равно остался. Тестовый сайт http://rlfur.ru/

 

для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu.

 

На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.

 

А ты не забываешь про полосу вертикальной прокрутки?

 

Меня больше напрягает выражение: сузьте монитор :-D

Я "сузила монитор", скролл появился когда надо

Всё сделал, на webkit всё ок, а на ff и ie (оба последней версии)  :before и :after не работают   

Код выложите на http://jsfiddle.net/, а там посмотрим, что не так

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

А что собственно не понятного? Берите, например, отсюда http://www.onwordpress.ru/menu-html-css.html пример выпадающего меню, если уж сами с нуля писать не хотите, и правьте оформление.

Единственная сложность в вашем меню только то, что нужно будет прописать :before и :after

Неужели никогда в настройках фона рабочего стола не видели пункт "замостить"?

Замостить = повторять фоновое изображение по X и по Y (иными словами заполнить все пространство)

Ну а если сделать блок красным цветом, ниже блок с тремя этими кнопками и марджином вверх их поднять (задать z-indeх, чтобы нижний блок перекрывал верхний)?

wordpress, drupal

первая для домохозяек, труда особого не составит разобраться, вторая посложнее. ну это по моему скромному мнению

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

Так что делайте двумя заголовками и не заморачивайтесь)

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

аа... нужно меж строчный интервал увеличить

http://jsfiddle.net/6JT84/1/

В смысле вот так надо)тут не межстрочный интервал

а чем так не нравится отступы делать?

http://jsfiddle.net/6JT84/

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

 

 

интересно, минус за правильный ответ Оо

 

У кого-то просто комплекс неполноценности)бывает

 

Действительно. Хотя может мимо правильной кнопочки кто-то промахнулся...

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

 

А вариант с двумя заголовками не прокатит?

интересно, минус за правильный ответ Оо

У кого-то просто комплекс неполноценности)бывает

ну как-то так

UPD: по стилям сами скорректируете потом) я просто саму суть показала

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

Мудрите слишком)

А можно узнать какие цели вы тем самым преследуете и что вкладываете в понятие "Редактируемые картинки"? Просто не совсем понятно, чем вам метод фотошопа в обрезке картинок не подходит

Очень не хватает ховеров на ссылках

 

http://jsfiddle.net/HZ3yR/4/

стили добавил в конце, после черты

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.

http://jsfiddle.net/HZ3yR/6/

 

Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу

угу. по поводу хостинга и был, собственно, вопрос. Спасибо!

И еще вопрос: "Выкладывайте в разделе для новичков. Модераторы перенесут при необходимости куда следует." - еще в силе? (не достаточное количество отправленных сообщений)

http://www.hostinger.ru/ Я этот использовала. А вообще введите в гугл "Бесплатный хостинг" и выбирайте какой больше понравится)

ul#navWrapper ul {display: none;position: absolute;background-color: #00c;}

Сюда дописать margin`ы для левого края и верха (-16, 16 соответственно)