Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   Задачка для бригады Гломурных Креведок: как без таблиц сверстать горизонтальное меню (http://forums.kuban.ru/f1030/zadachka_dlya_brigady_glomurnyh_krevedok_kak_bez_tablic_sverstat-_gorizontal-noe_menyu-3505981.html)

ars_2007 08.01.2013 01:34

[img]http://www.fotolink.su/v.php?id=76813e6588ebc8b119764783b71f1a43[/img]
[url]http://www.fotolink.su/v.php?id=76813e6588ebc8b119764783b71f1a43[/url]

[img]http://www.fotolink.su/pic_b/7186eaa469bc7a6bf2c62f9fc68d5d85.gif[/img]
[url]http://www.fotolink.su/v.php?id=7186eaa469bc7a6bf2c62f9fc68d5d85[/url]

ars_2007 08.01.2013 01:34

вот уроды, не дает загружать прямо тут.

shamanio 08.01.2013 01:34

Не не, я про свой вариант) [url]http://jsfiddle.net/FsQpJ/8/[/url]

ars_2007 08.01.2013 01:35

Да и рамочек веть нету, как в таблице.
Из говна пуля получилась, а не меню =))

ars_2007 08.01.2013 01:37

46-shamanio >
А ну так этот нормально, но все равно веть не то.
если в две строчки, то не выравнивается по середине, даже с text-align:center, и рамочек опять же нету.
Зазырь:
[url]http://jsfiddle.net/FsQpJ/14/[/url]

shamanio 08.01.2013 01:41

[url]http://jsfiddle.net/FsQpJ/21/[/url]

shamanio 08.01.2013 01:49

Ты покажи меню которое тебе нужно сделать

ars_2007 08.01.2013 01:58

50-shamanio >
Ну такое же чтоб было как таблица.
[url]http://jsfiddle.net/2xgYR/1/[/url]

49-shamanio >
да, выровнялось. А у меня чо-то не выровнялось =))

shamanio 08.01.2013 11:22

Не, в точности такое же не получится сделать, увы. Только на table-cell

ars_2007 08.01.2013 19:39

52-shamanio >
подозреваю что таки да.
И сомневаюсь, что даже table-cell поможет (в случае если меню резиновое и пункты могут превращаться в многострочные).
Но все равно поковыряюсь.

shamanio 08.01.2013 20:03

table-cell это один в один, что и таблица, только на css

ars_2007 08.01.2013 20:07

54-shamanio >
ну а если одна из ячеек станет выше других из-за двух строчек? Другие ж по идее останутся прежней высоты.
(не проверял, может быть и не так все) =)

Искусственный Интеллект1 08.01.2013 21:02

Гавайские субтитры > сделать меню блоками кроссбраузерно можно. Но не скажу как это делается, даже за деньги! :) А бесплатно тем более :) Учи CSS :)

ars_2007 08.01.2013 21:09

56-Искусственный Интеллект1 >
не флуди, болезный. =)

Kuba 09.01.2013 00:31

а можно увидеть пример того дизайна, в котором нужна менюшка из 4 пунктов растянутых на всю щирину ?? у меня монитор 27", думаете удобно будет ориентироваться в нем???

ars_2007 09.01.2013 00:40

58-Kuba >
откуда вывод, что будет непременно 4 пункта и непременно w-100%?

Kuba 09.01.2013 09:19

из примера и приведенных выше решений.

Искусственный Интеллект1 09.01.2013 09:52

57-Гавайские субтитры > тупоголовенький, чё ты такой злой? :)

ars_2007 09.01.2013 15:50

60-Kuba >
вам знакомо слово "фарисейство"?

ars_2007 10.01.2013 02:28

А, понял.
Пацан просто решил кинуть понт про размер [s]пиписьки[/s] монитора 27'' =)))

imported_Петр 10.01.2013 08:09

[quote=Гавайские субтитры;28442872] кроссбраузерн вряд ли [/quote]
похер на ие 6, 7

Kuba 10.01.2013 10:34

63-Гавайские субтитры >Понтом это было лет пять назад, а сейчас рабочий инструмент.. С фарисейством ознакомислся, не понял к чему это. ну и [s]писька[/s] у меня явно больше чем у тебя, парниша..

ars_2007 10.01.2013 17:27

65-Kuba >
фарисейство (в данном случае), это когда пытаютсо изменить результат, искажая/придумывая детали. В данном случае похрену размер экрана, главное, чтобы оно растягивалось/сужалось и текст в каждом пункте растекался плавно, пропорционально и клёва.

А моя пиписька может и меньше твоей, всего 16 см, но это мне похрену, т.к. еще ниразу жалоб не слышал по этому поводу. =))

SIEMENS 10.01.2013 20:43

Уже давно все нормальные люди меню (и не только) делают так (тягаем окно и фтыкаем):

[url]http://www.fork-cms.com/[/url]
[url]http://simplebits.com/[/url]
[url]http://clearairchallenge.com/[/url]

ars_2007 10.01.2013 21:06

67-SIEMENS >
не то, не то.

SIEMENS 10.01.2013 21:21

шош тада то... страшно ля вообразить.

SIEMENS 10.01.2013 21:30

[img]http://sg.rimg.info/3_25_25_0_0_0_0_0_0_0.gif[/img]

ars_2007 10.01.2013 21:35

69-SIEMENS >70-SIEMENS >
[url]http://jsfiddle.net/2xgYR/1/[/url]

SIEMENS 10.01.2013 21:40

71-Гавайские субтитры > вот это нормальное меню??

SIEMENS 10.01.2013 21:42

+72, такое было актуально году в 99-м... или чуть раньше.

SIEMENS 10.01.2013 21:44

Это я уже молчу про то, что расстояния между пунктами, мяхко говоря, разные. Чего даже в 98-м уважающие себя люди не допускали.

ars_2007 10.01.2013 22:18

72-SIEMENS >73-SIEMENS >74-SIEMENS >
Это самое что ни на есть нормальное меню.
Просто вы видите только схематику, т.к. всякие заокругленные углы, вспышки и развертывания и прочие архитектурные излишества убраны, чтобы было понятно о чем речь.

[quote=SIEMENS;28505660]расстояния между пунктами, мяхко говоря, разные[/quote]
да, надо именно так и не иначе. В этом вся фишка.

SIEMENS 10.01.2013 22:23

[quote=Гавайские субтитры;28506139]Это самое что ни на есть нормальное меню.[/quote]Шо ж в ём нормальгного?? Ты его сжиматъ пробовал?

[quote=Гавайские субтитры;28506139]да, надо именно так и не иначе. В этом вся фишка.[/quote]Это не фишка, это жоппа ваще-то. Неравномерная кривая жоппа.

ars_2007 10.01.2013 22:28

76-SIEMENS >
пошол субъективизьм--
В общем, задачу я изложил.
Вопрос, повторить такое же, но БЕЗ таблиц.
(выше написал, что сам потыкаюсь, т.к. задачка имхо интересная, токо чуть пожже) =)

ars_2007 10.01.2013 22:29

[quote=SIEMENS;28506218]Шо ж в ём нормальгного?? Ты его сжиматъ пробовал? [/quote]

гы-гы.
А вы пробовали сжимать то что на ваших примерах? =)))))))))
Оно ж там как говно разлазится.
А вот в моем примере не разлазится. А красиво перетекает как надо.
Потому что таблица. =)

SIEMENS 10.01.2013 22:42

[quote=Гавайские субтитры;28506323]Оно ж там как говно разлазится.[/quote]Что разлазится? Оно вообще-то под любой экран адаптируется, от мобилы до 30"+

[quote=Гавайские субтитры;28506323]А вот в моем примере не разлазится. А красиво перетекает как надо.[/quote]В твоем примере.. даж не знаю как повежливей сказать. Когда один пункт в одну строку, другой в две, и всё это еще на разных расстояниях друг от друга — впечатляет шописец.
ПоностолЪгировал по 90-м.

ars_2007 10.01.2013 22:52

[quote=SIEMENS;28506491]В твоем примере.. даж не знаю как повежливей сказать. Когда один пункт в одну строку, другой в две, и всё это еще на разных расстояниях друг от друга — впечатляет шописец.[/quote]
это вам может нравиться, может не нравиться, но задача поставлена именно повторить то что есть, вне зависимости от субъективных мнений.

SIEMENS 10.01.2013 22:59

[quote=Гавайские субтитры;28506642]но задача поставлена именно повторить то что есть[/quote]Тогда и повторяй аутентично, таблицами. Как тогда верстали.
Глупо пытаться повторить народ.ру 2000 года как-то иначе.

ars_2007 11.01.2013 00:16

[quote=SIEMENS;28506715]Тогда и повторяй аутентично, таблицами[/quote]
бригада гломурных интеллехтов утверждает, что таблицами уже нельзя верстать, т.к. есть замена.

Boltas 11.01.2013 01:32

css условной, а не с абсолютными параметрами, сделай и будет тебе счастье


Текущее время: 10:18. Часовой пояс GMT +3.