область ссылки меню

[Hoax]

В общем такая проблема надо увеличить ширину ссылки, допустим есть ссылка *Главная*, она ограничивается по стандарту шириной букв, а мне надо чтоб было так

*Главная * ,и чтоб без всяких отступов, т.к. надо чтоб текст стоял на месте просто область ссылки была шире. Пытался сделать так a {width:100%) не получилось.

<div id="menu">
<ul>
<li><a href="#"><span>>></span> Главная</a></li>
<li><a href="#"><span>>></span> Ссылка2</a></li>
<li><a href="#"><span>>></span> Ссылка3</a></li>
<li><a href="#"><span>>></span> Ссылка4</a></li>
</ul>
</div>

#menu {margin:2% 0 0 10%;width:210px;line-height:30px;}
#menu li {list-style-type:none;border-bottom:1px solid #abacab;}
#menu li:hover {background:#e6e9e6;}
#menu a {color:#848584;width:100%;}
#menu a:hover {color:#535353;}

И еще хотел спросить как мне сделать див ссылкой? Т.е. нельзя же засунуть див в ссылку, т.к. один блочный элемент, а другой строчный.

[psywalker]

А ты не мог бы сделать скриншоты того, как тебе нужно и как не нужно. И маленькую тестовую страницу с косяком.

[Hoax]

серый цвет там где область ссылки

Edited December 30, 2011 by Hoax

[Gaspode]

#menu a {color:#848584; display: block;}

[Hoax]

да работает только увеличивается также и длина

а все разобрался спасибо)

И еще хотел спросить как мне сделать див ссылкой? Т.е. нельзя же засунуть див в ссылку, т.к. один блочный элемент, а другой строчный.

[sammasati]

Можно сделать ссылку блоком и делать с ней то же самое, что с дивом.

[Hoax]

т.е. как показано выше a {display:block;}

и можно сделать так? <a href="ccilka"><div id="block"></div></a>

[sammasati]

Нет. Несмотря на display: block в ссылку все-равно нельзя помещать блоки.

[Hoax]

ну и как тогда сделать?

[troll]

Если существует необходимость, оборачивайте div в a, как и хотели. Спецификация HTML5 этого не запрещает, и браузеры, которые сейчас в ходу, вроде бы корректно обрабатывают такую разметку.

Edited December 30, 2011 by troll