![]() |
доработка ролловера на css
Вложений: 1
ДОбрый день!
Сдела ролловер на css, но вторая строчка в ссылке игнорирует падинг. (см аттач) Как выкрутиться из это ситуации и сделать одинаковый отступ слева? Роллервер на css сделан специально, для удобства добавления новых менюшек. - Код Html- <tr> <td width="140" class="dropdown" valign="middle"><a href="our_barbara.html">Construction Accidents</a></td> </tr> --- - Код CSS- .dropdown { border:solid 0px #FFFFFF; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #333333; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; margin:0 0 0 0; background-image: url(../images/menu_center_line.gif); background-repeat: no-repeat; background-position: left bottom; } .dropdown a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4F5054; text-decoration: none; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 27px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; vertical-align: middle; background-image: url(../images/menu_punkt.gif); background-repeat: no-repeat; background-position: left center; } .dropdown a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #768ECB; text-decoration: none; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 27px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; vertical-align: middle; background-image: url(../images/menu_dropdown_over.gif); background-repeat: no-repeat; background-position: left center; } --- |
может просто добавить display: block; в описание свойств .dropdown a и .dropdown a:hover, ну раз уж Вы хотите от тега A блочного поведения?
|
| Часовой пояс GMT +4, время: 02:56. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.