net

Ок,бум пробовать)спс)

Спасибо,на самом деле помогло)))) в css теперь так body { margin:0; padding:0; background:#ffffff; } p,td { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top: 0px; } .slogan { font-size: 14px; color: #FFFFFF; font-weight: bold; padding-top: 9px; padding-left: 1px; } .bgy { background-repeat: repeat-y; } .bottom_addr { font-size: 11px; color: #FFFFFF; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 15px; } .bgx { background-repeat: repeat-x; } .welcome { font-size: 16px; font-weight: bold; text-transform: none; color: #000000; background: url(../images/welcome-bg.gif) center repeat; background-repeat: repeat-x; padding-left: 1px; } .c_name { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-repeat: repeat; } .bottom_menu { color: #FFFFFF; text-align: center; padding-top: 4px; padding-bottom: 4px; } .bottom_lnk{ color: #FFFFFF; TEXT-DECORATION: none; } .bottom_lnk:hover { color: #FFFFFF; TEXT-DECORATION: underline; } .body_txt { color: #000000; text-align: justify; padding-right: 10px; padding-left: 0px; padding-bottom: 15px; padding-top: 10px; vertical-align: top; font-family: Geneva, Arial, Helvetica, sans-serif; } .otstup{ text-indent: 1.5em; /* Отступ первой строки */ } .zag1 { color: #2E7E0C; font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight:600; text-align: center; } .zag2 { color: 000000; font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align: left; text-indent: 1.5em; /* Отступ первой строки */ } #button { width: 151; margin: 0px; } #button a { display: block; color: #2E7E0C; text-decoration: none; width: 100%; background: url(../images/btn-bg.gif) center repeat; padding-top: 4px; padding-right: 25px; padding-bottom: 4px; padding-left: 10; text-align: right; vertical-align: middle; } #button a:hover { background: url(../images/btn-bg-h.gif) center repeat; color: #2E7E0C; } html>body #button a { width: auto; } #button td { font-size: 13px; font-family:Arial, Helvetica, sans-serif; font-weight:600; } #button .activelnk { color: #FFFFFF; } тока теперь на моей машине так 3.JPG но уже прогресс)мож никто боьше не будет жаловаться)на 2 еще машинах смотрела в ИЕ 6,вроде нормально все,там двойная рамка,потомучто рисунок маловат,шрифт увеличили,надо и рисунок увеличить будет) а белое лезет тоже при наводке, как обычно закоментить hover не помогает. При чем тоже самое что и было,т. е. вылазит белый фон и пропадает быстро,раньше изображение логотипа так скакало)теперь белое)

Никто не подскажет,из-за чего может быть? Прчем закоментила все hover,все равно глюк остался)

сайт http://www.htmlbook.ru/ вкладка Шаг за шагом)для начала

Вы меня извините но я при ответе не могу найти кнопки загрузить изображение,тока URL адрес.Здесь нельзя так? http://narod.ru/disk/6968611000/1.JPG.html http://narod.ru/disk/6969858000/2.jpg.html

Да вообще я уже ничего не понимаю( на своей машине я его так и вижу.Посмотрела на другом компе НЕТ!,причем вчера я на нем его тоже видела. И сказали мне про этот глюк тоже люди из другого конца города.Ниче не понимаю( И еще вопрос,правильно прописано чтобы не кэшировалось <meta http-equiv="pragma" content="NO-CACHE">

адресс сайта http://atzond.ru/ Переделываю шаблон,в какой-то момент появилась вот эта фигня в IE,когда наводишь на меню,под него залезает логотип и часть рисунка шапки При этом #button a:hover { background-image: url(../images/btn-bg-h.gif); color: #2E7E0C; } срабатывает нормально,т.е. рисунок под эту строчку подлезает более светлый,чем он без наведенного курсора, но + в IE еще лезет рисунок логотипа. Подскажите примерно куда копать? И еще странность,естли я теже страницы открываю на своем компе в ИЕ тоже все нормально,а в инете глюк. css вот body { margin:0; padding:0; background:#ffffff; } p,td { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top: 0px; } a{ color: #379C0E; text-decoration: underline; } a:hover{ color: #379C0E; text-decoration: none; } .slogan { font-size: 14px; color: #FFFFFF; font-weight: bold; padding-top: 9px; padding-left: 1px; } h1 { font-size: 14px; font-weight: bold; color: #000000; margin: 0px; padding-left: 10px; } .bgy { background-repeat: repeat-y; } .bottom_addr { font-size: 11px; color: #FFFFFF; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 15px; } .bgx { background-repeat: repeat-x; } .welcome { font-size: 16px; font-weight: bold; text-transform: none; color: #000000; background-image: url(../images/welcome-bg.gif); background-repeat: repeat-x; padding-left: 1px; } .c_name { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-repeat: repeat; } .bottom_menu { color: #FFFFFF; text-align: center; padding-top: 4px; padding-bottom: 4px; } .bottom_lnk{ color: #FFFFFF; TEXT-DECORATION: none; } .bottom_lnk:hover { color: #FFFFFF; TEXT-DECORATION: underline; } .body_txt { color: #000000; text-align: justify; padding-right: 10px; padding-left: 0px; padding-bottom: 15px; padding-top: 10px; vertical-align: top; font-family: Geneva, Arial, Helvetica, sans-serif; } .otstup{ text-indent: 1.5em; /* Отступ первой строки */ } .zag1 { color: #2E7E0C; font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight:600; text-align: center; } .zag2 { color: 000000; font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align: left; text-indent: 1.5em; /* Отступ первой строки */ } #button { width: 151; margin: 0px; } #button a { display: block; color: #2E7E0C; text-decoration: none; width: 100%; background-image: url(../images/btn-bg.gif); padding-top: 4px; padding-right: 25px; padding-bottom: 4px; padding-left: 10; text-align: right; vertical-align: middle; } #button a:hover { background-image: url(../images/btn-bg-h.gif); color: #2E7E0C; } html>body #button a { width: auto; } #button td { font-size: 13px; font-family:Arial, Helvetica, sans-serif; font-weight:600; } #button .activelnk { color: #FFFFFF; }

Поняла)Прсто на каждойстранице присваивать этот класс нужной ссылке)Спасибо)

Необходимо сделать сайт за несколько дней,поэтому переделываю шаблон.Сайт второй в моей жизне,так что извиняqте,если что не так спрошу) Во первых в шаблоне неуказан <!DOCTYPE>.Соответственно,еслмия я указываю,даже перходный,не строгий,местами плывет и сжимается по вертикали.Без <!DOCTYPE> все замечательно. И не могу застиавить менять background-image ссылки меня,на которую перешли. Т.е. тобы было видно где в меню где мы сейчас,на какой вкладке. Причем hover работает,при наведение он меняет ему background-image,а при нажатии ,т.е. фактически active, только мигает более светлым фоном,и возвращает обычный. В общем я не понимаю. Пыталась их менять местами в Css файле,не помогает( Может это быть из-за отсутствия указанного <!DOCTYPE>?Хотя я проверяла вроде,все равно не работает( В чем может быть проблема?И нужен ли обязательно <!DOCTYPE>.А то с ним еще больше багов(

Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <div id="sidebarcontents"> <ul id="menu"> <li><h2>Организационные формы</h2></li> <li><a href="#">Лекции</a></li> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> <li><a href="#">Практические занятия</a></li> <li><a href="#">Самостоятельная работа</a></li> <li><a href="#">Контроль знаний</a></li> <li><a href="#">Консультации</a></li> <li><a href="#">Студенческий научный кружок</a></li> <li><a href="#">Заочное обучение</a></li> <li><h2>Образовательный процесс</h2></li> <li><a href="#">Лекционный курс</a></li> <li><a href="#">Методические пособия</a></li> <li><a href="#">Элементы инновационных технологий</a></li> <li><a href="#">Конкурсы,олимпиады,Био-КВН</a></li> <li><a href="#">Учебный материал для самоподготовки</a></li> <li><a href="#">Успеваемость студента</a></li> <li><h2>Разное</h2></li> <li><a href="#">Новости науки</a></li> <li><a href="#">Полезные сайты</a></li> <li><a href="#">Вопросы и ответы</a></li> <li><a href="#">Заявка</a></li> </ul><!--конец ul id="menu"--> </div><!--конец ul id="sidebarcontents"--> </div><!--конец ul id="sidebar"--> <div class="clear"></div> </div><!--конец контента--> </body> </html> Css: @charset "windows-1251"; * { margin: 0px; padding: 0px;} .clear {clear:both;} a {color:#666600;} a:visited {color:#999999;} a:active {color:#669900;} a:hover {color:#666600; text-decoration:none;} #wrap{ width:930px; margin:0px auto 15px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} /*Content*/ h1, h2, h3, h4, h5 {color:#669900; font-weight:bold;font-family: Arial, Helvetica, sans-serif;} #content {background:url(images/contentbg1.jpg) repeat-y;} /*Sidebar*/ #sidebarcontents {padding:5px 15px 5px 25px;} #sidebar { margin:0px 650px 0px 15px;background:url(images/sidebarbg1.jpg) repeat-y;background-position:right;} /*Sidemenu*/ #menu li {list-style:none;display:block; height:auto; border-bottom:solid 1px #efefef;} #menu li a, #menu li a:visited, #menu li a:active {display:block; height:auto; padding:5px 5px 0px 5px; text-decoration:none; color:#333333;} #menu li a:hover {background:#F8F9F2; color:#000000;} #menu h2 { display:block; border-bottom:solid 1px #D2E6CA; padding:5px; margin:10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#669900; font-weight:bold;} #menu li {position: relative;} #menu ul {position: absolute;left: 360px;top:0;display:none} #menu li:hover+ul { display: block; } Все проблемы в основном из-за индификатора #menu Это конечно не точно по описанию,но иначе вообще не работает Так если я уберу + в #menu li:hover+ul { display: block; }, меню перестанет появляться Вообще первый вопрос,если можно, как я понимаю эту строчку,блок появляется когда наводим курсор на содержание тэга [*] и когда после него СЛЭДУЭТ тэг . + говорит что они соседние, т.е. уже не допускается любой уровень вложенности как для контекстных тэгов.Но у них в примере НЕ ИСЧЕЗАЕТ выпадающее меню при переходе на него с родительского,хотя в коде тоже после [*] выпадающего меню никаких больше нет.Делаю все в Опере,в IE даже лезть еще боюсь.Вот такие глобальные не понятки, и как видете position тоже проблемы, никаких относительных позиций не выходит.

я к вам еще приду)

ААААААААА спасибки)))))))Работает)

я не хочу делать очень широкое меню,низя никак чтобы просто растягивалось,причем в IE все нормально,а я в опере делаю.В MF тож налезает

В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <div id="sidebarcontents"> <ul id="menu"> <li><h2>Организационные формы</h2></li> <li> <ul> <li><a href="#">Лекции</a></li> <li><a href="#">Практические занятия</a></li> <li><a href="#">Самостоятельная работа</a></li> <li><a href="#">Контроль знаний</a></li> <li><a href="#">Консультации</a></li> <li><a href="#">Студенческий научный кружок</a></li> <li><a href="#">Заочное обучение</a></li> </ul> </li> <li><h2>Образовательный процесс</h2></li> <li> <ul> <li><a href="#">Лекционный курс</a></li> <li><a href="#">Методические пособия</a></li> <li><a href="#">Элементы инновационных технологий</a></li> <li><a href="#">Конкурсы,олимпиады,Био-КВН</a></li> <li><a href="#">Учебный материал для самоподготовки</a></li> <li><a href="#">Успеваемость студента</a></li> </ul> </li> <li><h2>Разное</h2></li> <li> <ul> <li><a href="#">Новости науки</a></li> <li><a href="#">Полезные сайты</a></li> <li><a href="#">Вопросы и ответы</a></li> <li><a href="#">Заявка</a></li> </ul> </li> </ul><!--конец ul id="menu"--> </div> <div id="sidebarbottom"></div> </div> <div class="clear"></div> </div><!--конец контента--> </div><!--конец оболочки--> </body> </html> Css обьемная приведу тока нужные классы: @charset "windows-1251"; * { margin: 0px; padding: 0px;} .clear {clear:both;} .clearleft {display:block; clear:left;} .clearright{display:block; clear:right;} .hide {display:none;} a {color:#666600;} a:visited {color:#999999;} a:active {color:#669900;} a:hover {color:#666600; text-decoration:none;} body {background: url(images/bg.jpg) repeat-x #FFFFFF;;} #wrap{ width:910px; margin:0px auto 15px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} #content {background:url(images/contentbg.jpg) repeat-y;} /*Sidebar*/ #sidebar { margin:0px 650px 0px 15px;background:url(images/sidebarbg.jpg) repeat-y;background-position:right} #sidebarcontents {padding:5px 25px 5px 10px;} #sidebarbottom {background:url(images/sidebarbottom.jpg) no-repeat 0px; height:74px;} /*Sidemenu*/ #menu {list-style:none;} #menu li ul {list-style:none;} #menu li ul li {display:block; height:auto; border-bottom:solid 1px #efefef;} #menu li ul a, #menu li ul a:visited, #menu li ul a:active {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#333333;} #menu li ul a:hover {background:#F8F9F2; color:#000000;} #menu h2 { display:block; border-bottom:solid 1px #D2E6CA; padding:5px; margin:10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#669900; font-weight:bold;} Делаю в первый раз,даже не сама,а шаблон переделываю,думала дело в #menu li ul li {display:block; height:auto; border-bottom:solid 1px #efefef;} но высота же стоит авто.Что делать не знаю