Как сделать 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.png | 5.29 кб |
- sasa-zmei's blog
- Для комментирования войдите или зарегистрируйтесь
Вполне очевидное решение не путать мягкое с теплым и спрашивать в тематических форумах.
По моему вопрос к drupal имеет очень отдаленное отношение, а если быть уж совсем точным, то не имеет отношения вообще.
- Для комментирования войдите или зарегистрируйтесь
Все просто: в css для элеменов меню пропиши шрифт жестко в em,
например так:
#sidebar-left li {
font-size: 1.3em;
}
больше пользователь не сможет размер поменять.
Надеюсь помог.
- Для комментирования войдите или зарегистрируйтесь
Пасиб, попробую...
Gedler
Кажется этот раздел о том как адаптировать верстку под друпал или нет?
- Для комментирования войдите или зарегистрируйтесь
да ладно, не бери в голову.
суть в том, что в тематических форумах по верстке c применением каскадных стиле на этот вопрос ответят быстрее, а самое главное эффективнее.
останусь при своём мнении: данный вопрос друпала касается отдаленно.
- Для комментирования войдите или зарегистрируйтесь
А сам кажется тоже что-то насчет css на друпал.ру спрашивал когда-то :-)
- Для комментирования войдите или зарегистрируйтесь
По приведённым сведениям помочь: - все равно, что по атласу звёздного неба ставить диагноз больному почками...
- Для комментирования войдите или зарегистрируйтесь
1) Назначаем фон элементу li (фон - просто цветом);
2) Назначаем фоновую картинку элементу a (картинка - закругленный угол).
Если не получается, или получается криво, курим в Yandex и Google запросы типа "CSS sliding doors" или "CSS техника раздвижных дверей".
Если говорить подробноее, то получится уже конкретное решение проблемы. А решать за других их проблемы уже в лом.
- Для комментирования войдите или зарегистрируйтесь
Простите, Вам шашечки или ехать?
Спрашивал, по конкретной, общеизвестной теме.
Тогда никто не объяснил, что это не сюда.
Сейчас бы не стал этого делать, да и не делаю.
- Для комментирования войдите или зарегистрируйтесь





Комментарии