Sign in to follow this  
BRK

Как сделать резиновое вертикальное меню

Recommended Posts

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

Вот картинка того меню, которое как раз и должно расстягиваться:

http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg

88030d2cc48et.jpg

Share this post


Link to post
Share on other sites

С рамкой проблем нет, есть 50 способов ее создания, меня смущает светлое пятно по центру, оно так и должно оставаться при увеличении высоты блока или всегда остается вверху?

Share this post


Link to post
Share on other sites

Пятно как раз должно тянуться, образовывая некий овал. Никак не мог с ней разобраться дня 2. Но наконец ращобрался.

Вот код, возможно кому то пригодиться.

CSS

#upmm
{
background:url(images/upmm.jpg) no-repeat;
background-position:top;
width:249px;
}
#cmm
{
background:url(images/slicemm.jpg) repeat-y;
width:249px;
}
#dmm
{
background:url(images/downmm.jpg) no-repeat;
background-position:bottom;
width:249px;

Марджини убрал, они уже как нужно кому как прописываются.

А вот сам хтмл

<div id="cmm"><div id="upmm"><div id="dmm"></div></div></div>

Share this post


Link to post
Share on other sites
Выложите у картинок адреса полные, плиз.

Как это, полные адреса? Можно пояснить?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,434
    Total Members
    3,128
    Most Online
    Sterben
    Newest Member
    Sterben
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Если свойства нет в спецификации, то откуда его возьмет браузер? Даже если в каком то одном из браузеров введут это свойство то смысла его использовать все-равно не будет, так как в остальных оно работать не будет 🙂   Тогда бардак творился, DHTML, разные объектные модели и все дела. У netscape действительно была такая фича. Хотя не факт что она работала. Вот тут https://www.uv.es/jordi/v3/html/dynhtml/dynamic.pdf можно увидеть что float:center; присутствует в коде, но следом написано что элементы можно выровнять с помощью float слева или справа, или с помощью js по центру. Также в книге указаны допустимые значения для float - left, right, none. Так что это скорее всего была запланированная возможность, которая не получила реализации.
    • Если бы с html и css, все браузеры строго соответствовали спецификациям) Да статье около десятка лет, а то и более. Вот я тоже склоняюсь к тому, что это ошибка. но эта лекция была написана даже с учётом ещё живого на тот момент netscape navigator. Может быть он позволял интерпретировать такую конструкцию. В описании автор указывает, что так блок становится обтекаемым с двух сторон.
    • Может с clear путаете? Или в статье спутали. Наверно, древняя?
      http://htmlbook.ru/css/clear
  • Popular Contributors