Jump to content

net

Newbie
  • Posts

    14
  • Joined

  • Last visited

Everything posted by net

  1. Ок,бум пробовать)спс)
  2. Спасибо,на самом деле помогло)))) в 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 не помогает. При чем тоже самое что и было,т. е. вылазит белый фон и пропадает быстро,раньше изображение логотипа так скакало)теперь белое)
  3. Никто не подскажет,из-за чего может быть? Прчем закоментила все hover,все равно глюк остался)
  4. сайт http://www.htmlbook.ru/ вкладка Шаг за шагом)для начала
  5. Вы меня извините но я при ответе не могу найти кнопки загрузить изображение,тока URL адрес.Здесь нельзя так? http://narod.ru/disk/6968611000/1.JPG.html http://narod.ru/disk/6969858000/2.jpg.html
  6. Да вообще я уже ничего не понимаю( на своей машине я его так и вижу.Посмотрела на другом компе НЕТ!,причем вчера я на нем его тоже видела. И сказали мне про этот глюк тоже люди из другого конца города.Ниче не понимаю( И еще вопрос,правильно прописано чтобы не кэшировалось <meta http-equiv="pragma" content="NO-CACHE">
  7. адресс сайта 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; }
  8. Поняла)Прсто на каждойстранице присваивать этот класс нужной ссылке)Спасибо)
  9. Необходимо сделать сайт за несколько дней,поэтому переделываю шаблон.Сайт второй в моей жизне,так что извиняqте,если что не так спрошу) Во первых в шаблоне неуказан <!DOCTYPE>.Соответственно,еслмия я указываю,даже перходный,не строгий,местами плывет и сжимается по вертикали.Без <!DOCTYPE> все замечательно. И не могу застиавить менять background-image ссылки меня,на которую перешли. Т.е. тобы было видно где в меню где мы сейчас,на какой вкладке. Причем hover работает,при наведение он меняет ему background-image,а при нажатии ,т.е. фактически active, только мигает более светлым фоном,и возвращает обычный. В общем я не понимаю. Пыталась их менять местами в Css файле,не помогает( Может это быть из-за отсутствия указанного <!DOCTYPE>?Хотя я проверяла вроде,все равно не работает( В чем может быть проблема?И нужен ли обязательно <!DOCTYPE>.А то с ним еще больше багов(
  10. Нужно выпадающее меню на 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 тоже проблемы, никаких относительных позиций не выходит.
  11. ААААААААА спасибки)))))))Работает)
  12. я не хочу делать очень широкое меню,низя никак чтобы просто растягивалось,причем в IE все нормально,а я в опере делаю.В MF тож налезает
  13. В меню заголовок ,когда не помещается,нормально растягивается на 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;} но высота же стоит авто.Что делать не знаю
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy