Как сделать background для элемента списка навигационного меню?

Прислано: sasa-zmei

пт, 07/09/2007 - 15:17

В общем возникла проблема:
Надо сделать фон у раскрывшегося пункта меню как показано на рисунке (см kosyak.png)

Притом что Drupal выдаёт следующую верстку для этого пункта:

<li class="expanded">
   <a class="active" title="Manage your site's content." href="/drupal/?q=admin/content">Content management</a>
 
      <ul class="menu">
            <li class="leaf"><a title="Create vocabularies and terms to categorize your content." href="/drupal/?q=admin/content/taxonomy">Categories</a></li>
            <li class="leaf"><a title="List and edit site comments and the comment moderation queue." href="/drupal/?q=admin/content/comment">Comments</a></li>
            <li class="leaf"><a title="View, edit, and delete your site's content." href="/drupal/?q=admin/content/node">Content</a></li>
            <li class="leaf"><a title="Manage posts by content type, including default status, front page promotion, etc." href="/drupal/?q=admin/content/types">Content types</a></li>
            <li class="leaf"><a title="Control posting behavior, such as teaser length, requiring previews before posting, and the number of posts on the front page."                   href="/drupal/?q=admin/content/node-settings">Post settings</a></li>
            <li class="leaf"><a title="Configure the number of items per feed and whether feeds should be titles/teasers/full-text." href="/drupal/?q=admin/content/rss-publishing">RSS publishing</a></li>
 
      </ul>
</li>

Фон-то зделать у элемента A сделать не беда, беда с загруглением в конце фона, ибо если пользователь изменить размер шрифта всё может расползтись+неизвестно какой длинны делать.
Больно нехочется делать целиковую картинку(на данный момент прямой участок фона - это растянутая полоска в 1px шириной)
Или всё таки это будет самое разумное решение?

Сам в верстке не силен, потому вполне допускаю что невижу очевидного решения.

Прикрепленный файлРазмер
kosyak.png5.29 кб

Комментарии


Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"
Опубликовано Gedler в пт, 07/09/2007 - 19:37.

Вполне очевидное решение не путать мягкое с теплым и спрашивать в тематических форумах.
По моему вопрос к drupal имеет очень отдаленное отношение, а если быть уж совсем точным, то не имеет отношения вообще.


Опубликовано gorr в пт, 07/09/2007 - 20:05.

Все просто: в css для элеменов меню пропиши шрифт жестко в em,
например так:
#sidebar-left li {
font-size: 1.3em;
}
больше пользователь не сможет размер поменять.
Надеюсь помог.


Опубликовано sasa-zmei в пн, 10/09/2007 - 06:16.

Пасиб, попробую...

Gedler
Кажется этот раздел о том как адаптировать верстку под друпал или нет?


Опубликовано Gedler в пн, 10/09/2007 - 15:41.

да ладно, не бери в голову.
суть в том, что в тематических форумах по верстке c применением каскадных стиле на этот вопрос ответят быстрее, а самое главное эффективнее.
останусь при своём мнении: данный вопрос друпала касается отдаленно.


Опубликовано gorr в пн, 10/09/2007 - 19:16.

А сам кажется тоже что-то насчет css на друпал.ру спрашивал когда-то :-)


Опубликовано PVasili в пн, 10/09/2007 - 19:24.

По приведённым сведениям помочь: - все равно, что по атласу звёздного неба ставить диагноз больному почками...


Опубликовано marazmus в вт, 11/09/2007 - 04:25.

1) Назначаем фон элементу li (фон - просто цветом);
2) Назначаем фоновую картинку элементу a (картинка - закругленный угол).

Если не получается, или получается криво, курим в Yandex и Google запросы типа "CSS sliding doors" или "CSS техника раздвижных дверей".

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


Опубликовано Gedler в вт, 11/09/2007 - 06:20.

Простите, Вам шашечки или ехать?

Спрашивал, по конкретной, общеизвестной теме.

Тогда никто не объяснил, что это не сюда.
Сейчас бы не стал этого делать, да и не делаю.


Ссылки партнёров