20.11.2011 17:44:30 Убрать отступ у ul Сообщение #1
Nikitoz01
Продвинутый
Дата регистрации:
06.10.2011 20:01:29
Сообщений: 40
Здравствуйте, Михаил
У меня левое меню делает отступ от границы экрана монитора помогите пожалуйста его убрать.
Вот код
index.htm
<html>
<head>
<title>meny</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css" media="screen"/>
<![endif]-->
<![if !IE ]>
<link rel="stylesheet" type="text/css" href="brauzer.css" />
<![endif]>
<link rel="stylesheet" type="text/css" href="left.css" />
</head>
<body bgcolor="#e3e7da" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" background="images/fon.jpg">
<tr>
<td width="349"><img src="images/3.gif" width="172" height="120" /></td>
<td width="657"></td>
<td width="265" align="right"><img src="images/5.gif" width="168" height="120" /></td>
</tr>
<tr>
<td colspan="3">
<ul id="menu010">
<li><a href="index.htm">Главная</a></li>
<li><a href="#">История</a></li>
<li><a href="galery.html">Галерея</a></li>
<li><a href="feedback.php">Обратная связь</a></li>
</ul>
</td>
</tr>
</table>
<table border="0" width="100%" >
<tr>
<td width="19%">
<ul id="menu4">
<li><a href="#1" title="Регистрация">Регистрация</a></li>
<li><a href="#2" title="Граффитисты майкопа">Граффитисты майкопа</a></li>
<li><a href="#3" title="Советы для новичков">Советы для новичков</a></li>
<li><a href="#4" title="Легенды">Легенды</a></li>
<li><a href="#5" title="Статьи о граффити">Статьи о граффити</a></li>
<li><a href="gb/book.php" title="Гостевая книга">Гостевая книга</a></li>
</ul>
</td>
<td width="60%" valign="top"><h1><b><p align="center">Новости</p></b></h1>
</td>
</tr>
</table>
</body>
</html>
вот код левого меню
left.css
<style type="text/css">
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu4 li{
list-style-type:none;
display:block;
margin-left: 0px;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(images/menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover {
color: #fff;
background: url(images/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(images/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
</style>
У меня левое меню делает отступ от границы экрана монитора помогите пожалуйста его убрать.
Вот код
index.htm
<html>
<head>
<title>meny</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css" media="screen"/>
<![endif]-->
<![if !IE ]>
<link rel="stylesheet" type="text/css" href="brauzer.css" />
<![endif]>
<link rel="stylesheet" type="text/css" href="left.css" />
</head>
<body bgcolor="#e3e7da" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" background="images/fon.jpg">
<tr>
<td width="349"><img src="images/3.gif" width="172" height="120" /></td>
<td width="657"></td>
<td width="265" align="right"><img src="images/5.gif" width="168" height="120" /></td>
</tr>
<tr>
<td colspan="3">
<ul id="menu010">
<li><a href="index.htm">Главная</a></li>
<li><a href="#">История</a></li>
<li><a href="galery.html">Галерея</a></li>
<li><a href="feedback.php">Обратная связь</a></li>
</ul>
</td>
</tr>
</table>
<table border="0" width="100%" >
<tr>
<td width="19%">
<ul id="menu4">
<li><a href="#1" title="Регистрация">Регистрация</a></li>
<li><a href="#2" title="Граффитисты майкопа">Граффитисты майкопа</a></li>
<li><a href="#3" title="Советы для новичков">Советы для новичков</a></li>
<li><a href="#4" title="Легенды">Легенды</a></li>
<li><a href="#5" title="Статьи о граффити">Статьи о граффити</a></li>
<li><a href="gb/book.php" title="Гостевая книга">Гостевая книга</a></li>
</ul>
</td>
<td width="60%" valign="top"><h1><b><p align="center">Новости</p></b></h1>
</td>
</tr>
</table>
</body>
</html>
вот код левого меню
left.css
<style type="text/css">
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu4 li{
list-style-type:none;
display:block;
margin-left: 0px;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(images/menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover {
color: #fff;
background: url(images/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(images/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
</style>
