Ramshine

спасибо вам огромное

есть след код <div id = "mainmenu"> <ul> <li>1</li> <li>2 <ul> <li>2.1</li> <li>2.2</li> </ul> </li> <li>3</li> </ul> </div> нужно с помощью js обратится ко вложенному списку,как это сделать? PS вариант при котором задается id вложенному ul и обращение происходит через getElementById не подойдет

Глупости все это, тег на то и создан, чтобы его закрывать!!! Закрывайте тег и неругаемы ИЕ будете)))

<style> #butL1:hover{ background: red; } #butL1:hover a{ color:blue; } #butL1.jshover a{ color:blue; } #butL1{ background: blue; } #butL1 a { font-size:13px; color:#bad0e3; text-decoration:none; } #butL1 a:hover { font-size:13px; color:#fff; text-decoration:none; } </style> <script type="text/javascript"> jsHover = function() { var hEls = document.getElementsByTagName("TD"); for (var i=0, len=hEls.length; i<len; i++) { hEls[i].onmouseover=function() { this.className+=" jshover"; } hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); } } } if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover); </script> <table cellpadding="0" cellspacing="0"> <tr> <td id="butL1" width=100 height=100><a href="#">Услуги</a></td> </tr> </table> это чтобы ослик не ругался

хотелось бы конечно и для ослика

Здравствуйте!!! Собственно проблема такая: есть ячейка, в которой при наведении на которую мышкой изменяется фон, в этой ячейке есть ссылка, необходимо сделать так чтобы при наведении на ячеку менялся цвет ссылки. заранее спс за помощь. ниже прилагаю уже имеющийся код: <!-- html --> <table cellpadding="0" cellspacing="0"> <tr> <td id="butL1" onMouseOver="this.style.background = 'red'" onMouseOut="this.style.background = 'blue'"><a href="#">Услуги</a></td> </tr> </table> #butL1 a { font-size:11px; color:#bad0e3; text-decoration:none; } #butL1 a:hover { font-size:11px; color:#fff; text-decoration:none; }

да

а самое главное и забыл написать что это фон у боди: body { margin:0; padding:0; background:#015099 url(images/bg.jpg) 50% 50% no-repeat; }

картинка размером 400*400px жпег, хотя с другими картинками тоже не работает

можешь еще здесь почитать http://www.zakharov.ms/footer/

пишу стилях background:#015099 url(images/bg.jpg) 50% 50% no-repeat; в ие все нормально работает, а в опере показывает только 50% картинки, остальные 50% уходят за рамки вверху страницы

у меня в блоке(ячейке) текст находится, а в стилях указан фон пнг, если я напишу vertical-align: bottom то у меня будет текст прижат к полу (и то не всегда) а фон так и останется вверху.

для отображения пнг в ИЕ использую фильтр в ксс: background:url(images/logo.png) 0 100% no-repeat; /*для оперы /* для ИЕ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png'); собственно вопрос в том, как мне заставить фон в ИЕ быть прижатым к полу в ячейке или блоке??? заранее спсасибо помогавшим

А вообще возможно сделать не первую букву другого цвета, а, например, 3 или 4?

т.е. набрал текст, нажимаю enter пошел поиск

Люди помогите плс, необходимо чтобы в работал кнопка enter.

примерно вот такое надо

как мне сделать поле ввода с закругленными концами?

о_О спс ты спас меня, помогло overflow: hidden; тема закрыта

HTML <div id="main"> <div id="top_line01"></div> <div id="top_line02"></div> <div id="top_line03"></div> <div id="head">ddddddddddddddd </div> </div> #main { width:989px; margin: 0 auto; background:url(images/top_bg.jpg) 500px 0 no-repeat; height:250px; padding:0; } #top_line01 { background: url(images/top_line02.jpg) repeat-x; height:6px; width:214px; float:left; padding:0; } #top_line02 { background:url(images/top_line01.jpg) repeat-x; height:6px; width:493px; float:left; padding:0; } #top_line03 { background: url(images/top_line02.jpg) repeat-x; height:6px; width:278px; float:left; padding:0; } #head{ background: url(images/search_bg.jpg) 30px 0 no-repeat; margin:0; height:175px; width:709px; float:left; padding:0; } Проблема заключается в том что, между блоками в ИЕ образуются ненужные по вертикали отступы, а именно верхние 3 слоя у меня это 3 горизонтальных линии, а ниже уже идет сама шапка, и именно между этими линиями и шапкой и образуется промежуток. Незнаю как от них избавиться перепробывал все что знал, последняя надежда это ВЫ!!! Заранее спасибо за помощь)

все разобрался сам

html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Курорт</title> <link href="stylee000.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="head"> <div id="left_logo"></div> <div id="logo"><img src="image/kurort.jpg" alt=""/></div> <div id="top"></div> <div id="menu"></div> <div id="pic_head"><img src="image/picture.jpg" alt="" /></div> </div> </body> </html> CSS body{ margin:0; } #head { background:url(image/right.jpg) repeat-x; text-align:center; width:100%; height:395px; display:block; margin-left:auto; margin-right:auto; } #left_logo{ background:url(image/left_logo.jpg) no-repeat; height:395px; width:30px; float:left; } #logo{ background:url(image/kurort_bg.jpg) no-repeat; height:395px; float:left; } #top{ width:735px; height:40px; background:url(image/top.jpg) no-repeat; float:left; } #menu{ background:url(image/menu_bg.jpg) no-repeat; width:735px; height:51px; float:left; } #pic_head{ float:left; } А мне надо чтобы все div'ы внутри этого выравнивались по центру как этого добиться? То что написано выше работает только в ИЕ

конечно все включено

спс, извини что по мелочам отвлекаю Придется отвлечь еще раз) В ИЕ, Мозиле и Сафари работает нормально, а в опере картинка которая должна появится просто не показывается, просто пустое место становится

Все равно отказывается работать, для полной картины выложу и стили: html: 1 CSS: .content_left{ padding-top:10px; color:#8a8a8a; font-family:Arial; font-size:12px; } .content_left ul{ list-style-type:none; list-style-image:url(image/arrow001.jpg); padding-bottom:15px; padding-left:20px; margin-left:0; } .content_left ul li{ padding-bottom:10px; padding-left:5px; } .content_left li a, li a:link, li a:visited, li a:active { text-decoration:underline; color:#8a8a8a; font-size:12px; } .content_left li a:hover { color:#1ca033; text-decoration:underline; font-weight:bold; font-size:12px; }