04.08.2012, 17:31
|
#1
|
Пользователь
Регистрация: 23.04.2012
Сообщений: 82
|
Как зафиксировать вертикальное меню?
Здравствуйте! У меня на сайте, когда изменить размеры окна браузера, левое вертикальное меню начинает уходить в правую сторону. Как можно это исправить?
HTML-код:
PHP код:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="Styles/style.css">
<link rel="stylesheet" href="menu/styles.css" type="text/css">
<link rel="stylesheet" href="menu_vert/styles1.css" type="text/css" />
</head>
<body>
<div id = "wrapper"><table align = "center" border = "0">
<tr>
<td colspan = "2"><img src = "images/header-england3.png"></td>
</tr>
<tr>
<td colspan = "2">
<ul class="glossymenu">
<li class="current"><a href="#"><b>Главная</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Методика</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Услуги</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Цены</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Контакты</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Запись на курсы</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Отзывы</b></a></li>
<li><a href="http://menu.ihtut.net/"><b>Обратная связь</b></a></li>
</ul>
</td>
</tr>
<tr>
<td width = "25%" id = "menu">
<ul id="vert_menu">
<li><a href="http://menu.ihtut.net/"><span>Главная</span></a></li>
<li><a href="http://menu.ihtut.net/"><span>Поиск</span></a></li>
<li><a href="http://menu.ihtut.net/"><span>Регистрация</span></a></li>
<li><a href="http://menu.ihtut.net/"><span>Карта сайта</span></a></li>
<li><a href="http://menu.ihtut.net/"><span>О сайте</span></a></li>
</ul>
<br><br><br><br><img src = "images/lab.jpg">
</td>
<td width = "75%">
<div style = "text-align:center;">
<h1 class = "lab_of_engl">Laboratory of English</h1>
<img src = "images/England_Travel_ml0008.png" style="float: right; margin-left: 12px;">
</div>
<p>Мы рады проявленному Вами интересу к нашей Лаборатории и изучению английского языка!
Надеемся, что информация о нашей Лаборатории языка окончательно убедит Вас в правильности выбора,
сделанного в пользу нашей команды!
Лаборатория языка – это не просто красивое название, это отражение нашей главной цели – как в настоящей
лаборатории показать Вам возможности и секреты английского языка, позволяющие экспериментировать с ним
и получать при этом истинное наслаждение, а не только научить Вас говорить и
выражать свои мысли на английском языке! <img src = "images/St. Stephen Tower, London, England.jpg" style="float: left; margin-right: 12px; margin-top:12px; margin-bottom:12px;" >
В обучении любому языку ключевым залогом успеха является практика. Вы можете знать правила,
владеть большим запасом слов, но для того, чтобы уверенно общаться и выходить из любых языковых ситуаций
достойно необходимо говорить на языке регулярно. Исходя из этого, мы и предлагаем курсы
продолжительностью 4,5 и 5 месяцев. За этот период Вы сможете полноценно изучить материал,
соответствующий каждому курсу, закреплять его во время занятий, беседуя на английском языке, и успевать
повторять и освежать ранее изученное. Для того, чтобы осуществить вышесказанное мы строим занятия
следующим образом – занятия длятся 2 часа, из которых полтора часа мы общаемся, обсуждаем актуальные темы,
обыгрываем ролевые ситуации, смотрим познавательные фильмы, слушаем песни, выполняем устные и
письменные задания. И оставшиеся полчаса мы практикуем изученное при помощи учебника, а дома у Вас есть
возможность самостоятельно все еще раз закрепить. И все-таки, если у Вас остались вопросы или
Вам необходимо получить дополнительную информацию, звоните и приходите – мы с удовольствием Вам
поможем! </p>
</td>
</tr>
</table>
</div>
</body>
</html>
CSS-код:
PHP код:
html{
min-width:800px;
}
body{
background-image:url(../images/background.jpg);
}
table{
background-image:url(../images/fon2.jpg);
}
.lab_of_engl{
text-decoration:underline;
font-family:Comic Sans MS;
color:#97057F;
font-style:italic;
margin-top:0;
}
#wrapper{
min-width:650px;
}
#vert_menu{
position:absolute;
}
|
|
|