Растягивающие кнопки в меню.

[optimist32]

Как правильно сделать такую менюшку?

Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся.

<ul type="none" style="margin-top: -5px;" dir="rtl">
       <li>
          <div style="width: 146px;" class="button_active">
               <div id="content" >
                HOMEPAGE
               </div>
          </div>
       </li>
       <li>
          <div style="width: 114px;" class="button_in_active">
               <div id="content" >
                LINE-UPP
               </div>
          </div>
       </li>
</ul>

[optimist32]

не нервничайте

Дайте посмотреть лучше вашу верстку)))

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564

[alb]

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

[psywalker]

не нервничайте

Дайте посмотреть лучше вашу верстку)))

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564

Всё неправильно сделал совершенно. Я говорил, что нужно делать спрайт и менять позицию фона в зависимости от спана. Далее внутри спанов нужно засунуть уже ссылку, которой и делать выравнивание.

[optimist32]

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

Крупным планом.

[psywalker]

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

Крупным планом.

То, что ты сделал - это бред, некрасивый и неправильный. Делать надо так, как я описал, и никак иначе! И тогда выйдет точно так-же как на картинке.

[optimist32]

не нервничайте

Дайте посмотреть лучше вашу верстку)))

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564

Всё неправильно сделал совершенно. Я говорил, что нужно делать спрайт и менять позицию фона в зависимости от спана. Далее внутри спанов нужно засунуть уже ссылку, которой и делать выравнивание.

Все отлично работает. Без всяких спрайтов и позиции.

К тому же, какой должен быть спрайт если мне кнопка нужна 800 на 600 ?

[psywalker]

не нервничайте

Дайте посмотреть лучше вашу верстку)))

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564

Всё неправильно сделал совершенно. Я говорил, что нужно делать спрайт и менять позицию фона в зависимости от спана. Далее внутри спанов нужно засунуть уже ссылку, которой и делать выравнивание.

Все отлично работает. Без всяких спрайтов и позиции.

К тому же, какой должен быть спрайт если мне кнопка нужна 800 на 600 ?

600 в высоту?))) Это что ж за меню такое, где такие кнопки, да ещё и штук 5? Можно ссылочку, никогда раньше не встечал

[optimist32]

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

Крупным планом.

То, что ты сделал - это бред, некрасивый и неправильный. Делать надо так, как я описал, и никак иначе! И тогда выйдет точно так-же как на картинке.

Бред это спрайт в 100 килобайт. По мойму.

[psywalker]

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

Крупным планом.

То, что ты сделал - это бред, некрасивый и неправильный. Делать надо так, как я описал, и никак иначе! И тогда выйдет точно так-же как на картинке.

Бред это спрайт в 100 килобайт. По мойму.

Ну смотря что за спрайт и из чего он сделан. А вообще делайте так, как вам нужно, я просто выразил своё мнение, глядя на ваш код. Удачи.

[optimist32]

не нервничайте

Дайте посмотреть лучше вашу верстку)))

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564

Всё неправильно сделал совершенно. Я говорил, что нужно делать спрайт и менять позицию фона в зависимости от спана. Далее внутри спанов нужно засунуть уже ссылку, которой и делать выравнивание.

Все отлично работает. Без всяких спрайтов и позиции.

К тому же, какой должен быть спрайт если мне кнопка нужна 800 на 600 ?

600 в высоту?))) Это что ж за меню такое, где такие кнопки, да ещё и штук 5? Можно ссылочку, никогда раньше не встечал

Дело не в высоте даже. А в том что спрайт не будет стыковаться со своей границей. Но я уже устал это повторять.

Я для себя уже все понял относительно этого форума.

таки стыкуются. первые три ссылки в СЕРПе по тем ключам

http://www.alistapart.com/articles/slidingdoors/

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

http://kailoon.com/css-sliding-door-using-only-1-image/

Крупным планом.

То, что ты сделал - это бред, некрасивый и неправильный. Делать надо так, как я описал, и никак иначе! И тогда выйдет точно так-же как на картинке.

Бред это спрайт в 100 килобайт. По мойму.

Ну смотря что за спрайт и из чего он сделан. А вообще делайте так, как вам нужно, я просто выразил своё мнение, глядя на ваш код. Удачи.

Спасибо за Ваше мнение, но все Ваши советы мне никак не помогли.

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

И кажется Вы так и не поняли где он не стыкуется. Увы.

Edited June 5, 2011 by optimist32

[psywalker]

Сделайте пожалуйста отдельный мини-пример, выложите на хостинг и дайте ссылку.

[optimist32]

Сделайте пожалуйста отдельный мини-пример, выложите на хостинг и дайте ссылку.

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

[mishka]

Ну вы и замучали человека. Де еще и заминусовали.

Самое простое решение - border-radius;

Ну в ие будет квадратным. Тут, если так важна кроссбраузерность, то может для ие заюзать pie.htc?

Иначе я не вижу как это сделать на неоднородном фоне.

[buddah]

Это похоже на торги.

Человеку ДОЛЖНЫ. Вот он и негодует.

Сделайте свой форум и блещите там интеллектом. Это будет идеальный вариант лично для Вас.

Заметьте, я не модератор и не администратор и даже не эксперт. Такой же посетитель как Вы. Просто взгляд со стороны.

[Softlink]

Ну вы и замучали человека.

Самое простое решение - border-radius;

Ну в ие будет квадратным. Тут если так важна пиксельность то может для ие заюзать pie.htc?

да никто даже и не пытался замучать

Дело в том, что изначально в задании звучало то, что они должны растягиваться. Из приложенного кода, было понятно, что они не тянутся в ширину, ибо указана только она. На картинке также нет двустрочных пунктов. Тем более, не было сказано, что пункт должен тянуться до размеров 800*600.

Вот если это все сразу можно было описать, наверное и не набралось бы этих двух страниц.

[mishka]

Это похоже на торги.

Человеку ДОЛЖНЫ. Вот он и негодует.

Сделайте свой форум и блещите там интеллектом. Это будет идеальный вариант лично для Вас.

Заметьте, я не модератор и не администратор и даже не эксперт. Такой же посетитель как Вы. Просто взгляд со стороны.

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

[psywalker]

Сделайте пожалуйста отдельный мини-пример, выложите на хостинг и дайте ссылку.

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

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

[optimist32]

Это похоже на торги.

Человеку ДОЛЖНЫ. Вот он и негодует.

Сделайте свой форум и блещите там интеллектом. Это будет идеальный вариант лично для Вас.

Заметьте, я не модератор и не администратор и даже не эксперт. Такой же посетитель как Вы. Просто взгляд со стороны.

Я не понял что вы хотели сказать этим, и тем более не понял как это относится к теме вопроса.

Ну да ладно.

[buddah]

Не минусовал и не навязывал, просто наблюдал за темой потому что самому интересно решение.

Но фраза

Я для себя уже все понял относительно этого форума.

возмутила даже меня.

Правильно заданный вопрос - половина ответа. Люди время свое тратят, пытаются помочь, правильно\неправильно это уже другое дело. Но уважение должно присутствовать к ним в любом случае.

[optimist32]

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ!

Теперь Мишка2 просто обязан выложить свою версию на всеобщее обозрение :-)

Edited June 5, 2011 by optimist32

[mishka]

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ!

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

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203619

[optimist32]

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ!

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203619

Бордер радиус - это только одна треть решения. Нужно чтоб кнопка тянулась по внутреннему содержимому.

В идеале и в высоту и в шириную. При этом в списке прижималась к правому краю. Прямо как в первом посте #1

У меня щас вот так, только в ширину не тянутся: ( тоесть условие из первого поста я выполнил)

А теперь мне уже мало ширины - хочу в высоту чтоб тянулось.

Edited June 5, 2011 by optimist32

[psywalker]

Ну вот например я бы отталкивался от такого решения. http://psywalker.ru/Forum/ul-button/Button.html . Жду вашей ссылки.

Кстати насчёт того, чтобы ещё и по высоте тянулась, только что узнал

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ!

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203619

Бордер радиус - это только одна треть решения. Нужно чтоб кнопка тянулась по внутреннему содержимому.

В идеале и в высоту и в шириную. При этом в списке прижималась к правому краю. Прямо как в первом посте #1

А бордер-радиус чем под такую задачу не подходит?

[optimist32]

Ну вот например я бы отталкивался от такого решения. http://psywalker.ru/Forum/ul-button/Button.html . Жду вашей ссылки.

Кстати насчёт того, чтобы ещё и по высоте тянулась, только что узнал

Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать.

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

Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ!

http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203619

Бордер радиус - это только одна треть решения. Нужно чтоб кнопка тянулась по внутреннему содержимому.

В идеале и в высоту и в шириную. При этом в списке прижималась к правому краю. Прямо как в первом посте #1

А бордер-радиус чем под такую задачу не подходит?

А ВЫ что не видите что Ваше решение не стыкуется на углах?

Мы об этом уже 20 раз говорили.

Edited June 5, 2011 by optimist32

[mishka]

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

Беру слова назад, так как есть пост ( кстати по которому и я понял в чем трабл )

Бордер радиус вполне подходит, только вопрос: ие6-8 поддерживать?