Нужда от помощ за CSS меню

Centrino

Registered
Здравейте. Просто зациклих и не мога да измисля как ще стане менюто което искам. Ето една картинка какво трябва да представлява.
цък
И по точно става въпрос за менюто което е от ляво. Проблема идва в това че не мога да измисля как да стане подчертаването на всяка дума, с различна по дължина чертичка, така че да изглежда както на картинката. То ако беше едноцветна чертичка нябаше да бъде чак толкова голям проблем, но чертичката е цветна. От единия край на думата е с един цвят а в другата друг цвят. Искам да каже че ползвам div-ове и сайта ми е изграден главно от div-ове и не ползвам таблици. Ако имате идеи как може да стане това ще съм ви благодарен. Т.е аз имам една идя обаче е много трудоемка т.е не чак толкова трудна колкото бавно изпълнима и за това търся друго решение. Надявам се че сте ме разбрали :) Благодаря Ви
 
Ако проблема е чертичката, от това, което си дал ми се струва, че на всеки линк е сложена долна рамка с картинката (под картинката имам предвид тази линия с различните цветове)

На самия линк даваш text-decoration: none;
и му слагаш картинка за долна рамка (не ти давам как се правече, защото не помня border-image май беше, но не съм сигурен :) )
 
Smirnoff каза:
Защо просто не си нарежеш картинката на правоъгълничета и да си направиш дивове един под друг :wink:

Не го правя така защото предпочитам да направя менюто по леко, защото сайта е достатъчно тежък като дизайн и гледам колкото може по малко да товаря дизайна :)

Adrian аз работя с CSS2 а border-image има в CSS3 :(
 
Друг вариант поне аз не се сещам :)
Иначе поразрових малко и точното е така:
border-bottom-image: url('kartinka.jpg');

Само един въпрос :) Какво пречи да използваш неща от CSS2 и CSS3 заедно? :) Аз поне не виждам причина, да не може да ги използваш идвете :)

Единствената причина, за която се сещам е, че може някой по-стари браузъри да имат проблем. Обясни ми ако знаеш наистина нещо по въпроса, защото искам да съм в течение с тия работи :) (на ЛС за да не ти отклоняваме темата много :) )
 
adrian каза:
Друг вариант поне аз не се сещам :)
Иначе поразрових малко и точното е така:
border-bottom-image: url('kartinka.jpg');

Само един въпрос :) Какво пречи да използваш неща от CSS2 и CSS3 заедно? :) Аз поне не виждам причина, да не може да ги използваш идвете :)

Единствената причина, за която се сещам е, че може някой по-стари браузъри да имат проблем. Обясни ми ако знаеш наистина нещо по въпроса, защото искам да съм в течение с тия работи :) (на ЛС за да не ти отклоняваме темата много :) )


Това което си дал е за CSS 3. Пробвал съм да ги ползвам заедно но FF-а не го разпознава. И аз не знам каква е причината, но не се получава. Имай на предвид че FF-а ми е с последен update.
 
Никой ли няма идейки ?! Явно ще трябва да си го правя по бабешката... :( Ако някой се сети за някакъв вариант нека да го сподели :) Благодаря
 

Back
Горе