<MyRusakov.ru />

Создание Интернет-магазина на PHP и MySQL

Создание Интернет-магазина на PHP и MySQL

Видеокурс "Создание Интернет-магазина на PHP и MySQL" - это уникальный курс по созданию Интернет-магазина с нуля. Особенностью данного курса является то, что создание идёт с самого начала, то есть от идеи. Далее создаётся дизайн всех необходимых страниц, после делается их вёрстка. Затем создаётся движок на PHP и MySQL, после делается Admin-панель и, наконец, готовый сайт размещается в Интернете.

Адрес созданного в этом курсе сайта: http://storedvd.ru

Всё создание сайта будет происходить на Ваших глазах, поэтому Вы легко сможете повторить весь процесс создания сложного функционального сайта уже при разработке своего портала.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Убрать отступ у ul
20.11.2011 17:44:30 Убрать отступ у ul Сообщение #1
Nikitoz01

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>
Профиль Ответить
20.11.2011 17:55:24 Убрать отступ у ul Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Чтобы не было отступов у ul, необходимо margin и padding сделать равными 0.
Профиль Ответить
20.11.2011 18:55:08 Убрать отступ у ul Сообщение #3
Nikitoz01

Nikitoz01

Продвинутый

Продвинутый

Дата регистрации:
06.10.2011 20:01:29

Сообщений: 40

Вот так?
<style type="text/css">
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;}


#menu4 ul{
margin: 0px;
padding: 0px;
}

#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>
Но у меня ничего не произошло всё так и осталось
Профиль Ответить
20.11.2011 19:02:15 Убрать отступ у ul Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Разберитесь с типами селекторов. Почитайте статьи на сайте в разделе CSS, чтобы не делать таких ошибок.
Вы смешали контекстный селектор и ID.
#menu4 ul{
margin: 0px;
padding: 0px;
}
Надо использовать #menu4 (или ul), а не #menu4 ul - это бред для Вашего HTML-кода.
Профиль Ответить
20.11.2011 21:14:03 Убрать отступ у ul Сообщение #5
Nikitoz01

Nikitoz01

Продвинутый

Продвинутый

Дата регистрации:
06.10.2011 20:01:29

Сообщений: 40

исправил всё работает спасибо огромное Михаил впредь не буду больше смешивать селектор с id Спасибо!
Профиль Ответить