okunev2 Posted February 21, 2008 Report Share Posted February 21, 2008 Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому?Типа: Quote Link to comment Share on other sites More sharing options...
0 Slyfox Posted February 21, 2008 Report Share Posted February 21, 2008 http://htmlbook.ru/content/?id=19 Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 Да знаю я блин про это, линия подчеркивания тонкая, а я хочу чтобы она была в два раза толще в ИЕ и Опере, в Мозиле все гуд! Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 А на JS как это можно сделать, чтобы при наведении появлялась картинка Quote Link to comment Share on other sites More sharing options...
0 klierik Posted February 21, 2008 Report Share Posted February 21, 2008 background ?! Quote Link to comment Share on other sites More sharing options...
0 makarena Posted February 21, 2008 Report Share Posted February 21, 2008 Можно hover'ом, без JS Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 как? Quote Link to comment Share on other sites More sharing options...
0 klierik Posted February 21, 2008 Report Share Posted February 21, 2008 a:hover {background: url('image_path') 0 100% repeat-x;} Quote Link to comment Share on other sites More sharing options...
0 Slyfox Posted February 21, 2008 Report Share Posted February 21, 2008 <style type="text/css">A { text-decoration: none;} A:hover { border-bottom: 3px dashed #00cc33;}</style></head><body> <a href=link.html>ссылка</a></body>если только слишком толстая (например 44px), то IE6 не понимает Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 a.menu2 { color: #2577B5; font: bold 11pt Arial; text-decoration: none; border-bottom: 3px dashed #2577B5;}a.menu2:hover { color: #2577B5; font: bold 11pt Arial; text-decoration: none;}Почему не пашет? И как убрать пунктир а сделать сплошную линию? Quote Link to comment Share on other sites More sharing options...
0 klierik Posted February 21, 2008 Report Share Posted February 21, 2008 a.menu2 { color: #2577B5; font: bold 11pt Arial; text-decoration: none;}a.menu2:hover { border-bottom: 3px dashed #2577B5;} Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 нет, наоборот при наведении чтобы исчезало поддчеркивание? Quote Link to comment Share on other sites More sharing options...
0 makarena Posted February 21, 2008 Report Share Posted February 21, 2008 Угу. И dashed поменять на solid Quote Link to comment Share on other sites More sharing options...
0 Slyfox Posted February 21, 2008 Report Share Posted February 21, 2008 klierik said: a.menu2 { color: #2577B5; font: bold 11pt Arial; text-decoration: none;}a.menu2:hover { border-bottom: 3px dashed #2577B5;}Тут с пунктирной.Если без пунктирной тогдаa.menu2 { color: #2577B5; font: bold 11pt Arial; text-decoration: none;}a.menu2:hover { border-bottom: 3px solid #2577B5;} Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 вот: a.menu2 { color: #2577B5; font: bold 11pt Arial; border-bottom: 3px solid #2577B5; text-decoration: none;}a.menu2:hover { text-decoration: none; border-bottom: none;} Quote Link to comment Share on other sites More sharing options...
0 Slyfox Posted February 21, 2008 Report Share Posted February 21, 2008 okunev2 said: вот: a.menu2 { color: #2577B5; font: bold 11pt Arial; border-bottom: 3px solid #2577B5; text-decoration: none;}a.menu2:hover { text-decoration: none; border-bottom: none;}Я рад, что все получилось как нужно Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 неа, в Опере глюк! Quote Link to comment Share on other sites More sharing options...
0 okunev2 Posted February 21, 2008 Author Report Share Posted February 21, 2008 наверное лучше так:a.menu2 { color: #2577B5; font: bold 11pt Arial; border-bottom: 3px solid #2577B5; text-decoration: none;}a.menu2:hover { text-decoration: none; border-bottom: 0px;} Quote Link to comment Share on other sites More sharing options...
0 klierik Posted February 21, 2008 Report Share Posted February 21, 2008 какой смысл писать дважды text-decoration: none; ?читаем тут: http://loc.stack.ru/projects/CSS2/selector.html#q15 Quote Link to comment Share on other sites More sharing options...
Question
okunev2
Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому?
Типа:
Link to comment
Share on other sites
18 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.