Jump to content
  • 0

Меню не расстягивается на 2 строки


net
 Share

Question

В меню заголовок ,когда не помещается,нормально растягивается на 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;}

но высота же стоит авто.Что делать не знаю:)

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

Guest
This topic is now closed to further replies.
 Share

×
×
  • 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