(x)HTML/WML/CSS | Выделение ссылки
Подскажите где убрать в этом стиле при наведении внизу под текстом линия появляется
.menu2 {
background:url(menu_bg.png) bottom repeat-x;
border-bottom:1px solid #DEDEDE;
font:bold 13px Arial;
}
.menu2 a:hover {
color:green;
}
.menu2 a {
display:block;
background:url(arrow.png) right center no-repeat;
color:#353535;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
padding:11px 17px 11px 10px;
}
.menu2 {
background:url(menu_bg.png) bottom repeat-x;
border-bottom:1px solid #DEDEDE;
font:bold 13px Arial;
}
.menu2 a:hover {
color:green;
}
.menu2 a {
display:block;
background:url(arrow.png) right center no-repeat;
color:#353535;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
padding:11px 17px 11px 10px;
}
судя по стилю,у ссылки всегда есть линия border-bottom:1px solid #DEDEDE;
при выделении меняется только цвет color:green;
при выделении меняется только цвет color:green;
lord (15.05.2018 в 21:42)
судя по стилю,у ссылки всегда есть линия border-bottom:1px solid #DEDEDE;
при выделении меняется только цвет color:green;
судя по стилю,у ссылки всегда есть линия border-bottom:1px solid #DEDEDE;
при выделении меняется только цвет color:green;
А как убрать выделение именно для этого дива?
gangstachel (15.05.2018 в 21:40)
Подскажите где убрать в этом стиле при наведении внизу под текстом линия появляется
.menu2 {
background:url(menu_bg.png) bottom repeat-x;
border-bottom:1px solid #DEDEDE;
font:bold 13px Arial;
}
.menu2 a:hover {
color:green;
}
.menu2 a {
display:block;
background:url(arrow.png) right center no-repeat;
color:#353535;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
padding:11px 17px 11px 10px;
}
Подскажите где убрать в этом стиле при наведении внизу под текстом линия появляется
.menu2 {
background:url(menu_bg.png) bottom repeat-x;
border-bottom:1px solid #DEDEDE;
font:bold 13px Arial;
}
.menu2 a:hover {
color:green;
}
.menu2 a {
display:block;
background:url(arrow.png) right center no-repeat;
color:#353535;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
padding:11px 17px 11px 10px;
}
К
menu2 a:hover {
color:green;
}
Добавьте text-decoration: none;
gangstachel, замени строку на:
.menu2 a:hover {
color:green;
text-decoration: none;
}
.menu2 a:hover {
color:green;
text-decoration: none;
}
235493158 (15.05.2018 в 21:49)
gangstachel, замени строку на:
.menu2 a:hover {
color:green;
text-decoration: none;
}
gangstachel, замени строку на:
.menu2 a:hover {
color:green;
text-decoration: none;
}
Спасибо помогло, а ты не знаешь за что отвечает эта строка?
margin:0 0 1px;
gangstachel, за какое то поле типо размер или положение
gangstachel, margin - отвечает за отступ
margin: 1px (вверх отступ) 1px(право) 1px(низ) 1px(лево)
margin: 1px (вверх отступ) 1px(право) 1px(низ) 1px(лево)
Если поставить одно значение например: margin: 10px;
То он даст отступ от края родителя в верху, внизу, влево и вправо
То он даст отступ от края родителя в верху, внизу, влево и вправо
Не путай margin и padding))