new01
User-
Posts
152 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by new01
-
Не могу сделать нормально меню ,помогите.Значит я сделал блок,в него вложил UL с LI .И почему-то список стоит криво в блоке,ближе к правому краю,не могу понять. ПОмогите !Вот код. <html> <head> <style type='text/css'> .wrapper_mir /*MIR*/ { margin-top:19px; margin-left:29px; margin-right:1%; width:210px; height:240px; } #mir{} #mir ul{ list-style-type:none; text-align:center; background-color:red; width:200px; height:240px; border:8px solid #000000; } /*END MIR*/ </style> </head><body> <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='message.php'>Главная</a></li> <li><a href='.php' >Контакты</a></li> <li><a href='.php'>Контакты</a></li> <li><a href='.php' >Связь</a></li> </ul> </div></body></html>
-
Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </div> </div> <div class='wrapper_bodydiv' id='info'> </div> .wrapper_foto { background-color:#ffffff; margin-left:9px; margin-top:5px; width:200px; height:250px; padding:9px; border:8px solid #000000; text-align:center; } .wrapper_left{float:left;width:210px;} .wrapper_mir { margin-top:339px; margin-left:41px; margin-right:1%; background-color:#ffffff; width:210px; height:240px; border:8px solid #000000; }
-
Psywalker,да знаешь я на локалке делаю.Давай я щас сам посмотрю попробую.Ты и так мне очень помог спасибо.!Очень благодарен.
-
margin-left:9px; margin-top:5px; width:200px; height:250px; padding:9px; border:8px solid #000000; text-align:center;
-
А понял тебя.!Сейчас попробую.А в блоков которые в первой колонке надо float:left ?
-
да цвет при наведении меняется,но хотелось бы чтоб фон касался бордюров.Если ширину сто процентов ставишь,то в експловере вообще не выходит,а в опере за рамки блока выходит вправо.
-
Не с ЛИ не выходит.Вообще ничего не меняется.
-
Я вот думаю,может у меня проблема в блоке ,где меню,а то там сам текст неровно стоит.Вот его стиль. 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;
-
Вот значит.Первое у нас Главная-это первоначальный вид т.е. ещё никто не навёл курсор. Второе у нас контакты,но уже с фоном черным и текст белый-значит пользователь навёл на контакты курсор.(так хочу сделать) А третье как у меня получается,после того как вы написали сделать 100; ширину и блок. т.е. пользователь навёл курсор, а у меня справа от "Контакты" есть фон до бордюра , а слева нет.
-
Ну у меня сверху ещё один блок и по центру основной.Если убираешь margin-left:-240px; то блок налазеет на основной в центре. Мне показать как расположены остальные блоки?
-
#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; }
-
А сделать ссылку блочной это к a или li прописать (display: block? )?
-
Вот у меня блок и в нем меню 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{}
-
swetlana,спасибо за ответ. Очень хорошо всё понял. Great Rash,спасибо за код.
-
Мин ширина и высота так не работают в экспловере.
-
Как сделать минимальную ширину и высоту в экспловере?
-
Давайте "Кто короче".:-))
-
Psywalker,Спасибо большое!Всё понятно. Сейчас всё исправлю.
-
Ага спасибо вам.А вот вопрос "Почему вы в font-family добавили ещё Helvetica, sans-serif;?"
-
Значит черным это фон формы всей. Палочку хотелось бы в начало.
-
Не понял. Чего именно показать скриншот?Формы ,которая получается?
-
<input type='text' name='me' class='wrapper_me'> .wrapper_me { border-width:8px; border-style:solid; border-color:#ffffff; text-align:left; font-size:14px; font-family:'Arial'; width:380px; height:60px; }