-
Короче у меня есть меню. Для каждого элемента ставлю margin left right 10px, и для а хувер ставлю задний фон, задний фон у меня покрывает только текст, а мне нужно чтобы он покрывал весь блок в котором находится текст, он марджины не покрывает, как решить данную проблему?
-
Html код:
Css код:
.line2 {background-image:url(img/libe_ver.gif);
width:1px;
height:49px;
float:left;}
.menu_block {float:left;
margin: 10px 10px 0 10px;
display:block;}
.menu_block a:link {color:#FFFFFF;
text-decoration:none;}
.menu_block a:visited {color:#FFFFFF;
text-decoration:none;}
.menu_block a:hover {background-image:url(img/libe_ver_menu.gif);}
.text_menu {color:#FFFFFF;
font-family:"Trebuchet MS";
font-size:20px;
font-weight:bold;}
-
method, все дело в том, что Вы применяете фон к инлайновому (встроенному, строчному) элементу, к тегу <a>. Чтобы фон заполнял весь родительский блок, необходимо его применить к блочному элементу, либо к <div>, либо к тегу <a>, но поставить ему значение «display: block;».
-
а можно поподробнее как это сделать а то я так и не понял как решить проблему?
-
Цитата:
он марджины не покрывает
И правильно делает. Марджины – они как раз и отличаются от паддингов тем, что ни них никогда не распространяются фоновые изображения. Ни для каких элементов. Ну и про блочные ссылки Вам правильно подсказали.
В догонку: [Only registered and activated users can see links. Click Here To Register...], [Only registered and activated users can see links. Click Here To Register...].