Div с ul с li

[new01]

Вот у меня блок и в нем меню ul с li. При этом у главного блока border:8px solid #000000; и хотелось бы сделать так, при наведении курсором на ссылку текст становится цветом белым,а её фон чёрный, при этом фон касается краев главного блока.Никак не получается.Помогите пожалауйста.

 
<div class='wrapper_mir' id='mir'>

				     <ul class='wrapper_ul'>
                                     <li><a href='message.php' >1</a></li>
                                     <li><a href='.php'  >2</a></li>
                                     <li><a href='.php'>3</a></li>
		                     <li><a href='.php' >4</a></li>
		                     </ul>
				     </div>

.wrapper_mir{border:8px solid #000000;}
#mir{text-align:left;}
#mir li  {list-style-type:none;}
#mir  li:hover {}
#mir a {}
#mir a:hover {}
.wrapper_ul{}

Edited April 11, 2011 by new01

[psywalker]

Сделай ссылку блочной и высоту ей 100%

[new01]

А сделать ссылку блочной это к a или li прописать (display: block? )?

[psywalker]

А сделать ссылку блочной это к a или li прописать (display: block? )?

к а

[new01]

#mir{}  #mir li  {list-style-type:none;}  #mir  li:hover {}  #mir a {display: block;width:100%;}  #mir a:hover {color:#ffffff;display: block;width:100%;background-color:#0000000;}  .wrapper_ul{margin-top:20px;}

сделал вот так.ТОлько возникла вот такая проблема.При наведении курсора на ссылку справа от неё появляется фон до правого бордюра,но при этом слева от ссылки до бордюра ничего не происходит.Скажите как это можно исправить?

наверно это связано с положением главного блока.Вот его стиль

.wrapper_mir  {  margin-right:1%;  clear: none;  float:left;  background-color:#ffffff;  margin-top:350px;  margin-left:-229px;  width:210px;  height:240px;  border:8px solid #000000;  text-align:left;    }

[psywalker]

Да, как то маргины расставлены подозрительно.

[new01]

Ну у меня сверху ещё один блок и по центру основной.Если убираешь margin-left:-240px; то блок налазеет на основной в центре.

Мне показать как расположены остальные блоки?

Edited April 11, 2011 by new01

[psywalker]

Слушай, я щас тут прикинул, может мы не так друг друга поняли) Ты покажи лучше два скриншота, на одном то что нужно получить, а на втором - то как хреново получается.

[new01]

Вот значит.Первое у нас Главная-это первоначальный вид т.е. ещё никто не навёл курсор.

Второе у нас контакты,но уже с фоном черным и текст белый-значит пользователь навёл на контакты курсор.(так хочу сделать)

А третье как у меня получается,после того как вы написали сделать 100; ширину и блок. т.е. пользователь навёл курсор, а у меня справа от "Контакты" есть фон до бордюра , а слева нет.

Edited April 11, 2011 by new01

[psywalker]

Значит ты чё то не так делаешь, попробуй тогда ховер ваще на ЛИ повесить и ему пропиши чёрный цвет и текст белый ссылке.

[new01]

Я вот думаю,может у меня проблема в блоке ,где меню,а то там сам текст неровно стоит.Вот его стиль.

margin-right:1%;  clear: none;  float:left;  background-color:#ffffff;  margin-top:350px;  margin-left:-229px;  width:210px;  height:240px;  border:8px solid #000000;  text-align:left; 

Edited April 11, 2011 by new01

[psywalker]

Да я те говорю, попробуй на ЛИ повесить ховер, прикались попробуй, должно прокатить.

[new01]

Не с ЛИ не выходит.Вообще ничего не меняется.

[psywalker]

li:hover,a:hover,li:hover a {background: #000;}

li:hover a {color: #fff;}

[new01]

да цвет при наведении меняется,но хотелось бы чтоб фон касался бордюров.Если ширину сто процентов ставишь,то в експловере вообще не выходит,а в опере за рамки блока выходит вправо.

Edited April 11, 2011 by new01

[psywalker]

Всё дело в твоих отступах, ты уже заведомо неправильно начал верстать. Покажи рисунок с картиной в целом, что ты вообще хочешь замутить?

[new01]

так у меня сейчас.

[psywalker]

Изначально сделай две колонки. В левую помести все свои менюшки, а правую под контент.

Левую сделай флоат:лефт, а у правой просто отступ слева маргин на ширину левой колонки.

[new01]

А понял тебя.!Сейчас попробую.А в блоков которые в первой колонке надо float:left ?

[psywalker]

А понял тебя.!Сейчас попробую.А в блоков которые в первой колонке надо float:left ?

Нет.

[new01]

Сейчас попробую

Edited April 11, 2011 by new01

[psywalker]

у меня возникла небольшая проблема.РАссматриваем первую колонку.(Где менюшки)

Первый блок сверху.Когда делаю у второго блока (который снизу) marin-top:350px; в эекспловере отступает от верхнего блока,а в опере от края браузера.Что делать?

А как ты делаешь минюшку, покажи код. Верхнюю

[new01]

margin-left:9px;  margin-top:5px;  width:200px;  height:250px;  padding:9px;  border:8px solid #000000;  text-align:center;

[psywalker]

Блин, давай лучше тада ссылку на страницу с примером)

[new01]

Psywalker,да знаешь я на локалке делаю.Давай я щас сам посмотрю попробую.Ты и так мне очень помог спасибо.!Очень благодарен.

Edited April 11, 2011 by new01

[psywalker]

Psywalker,да знаешь я на локалке делаю.Давай я щас сам посмотрю попробую.Ты и так мне очень помог спасибо.!Очень благодарен.

Да фигня, мне в кайф тебе помочь. Меня беспокоит больше то, что я не могу увидеть проблему.