<MyRusakov.ru />

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Видеокурс "Фреймворк Yii 2.0 с нуля. Пример создания сайта" обучит Вас созданию профессиональных сайтов с использованием фреймворка Yii. В курсе есть 2 раздела: теоретический и практический. В теоретическом разделе будут разобраны возможности фреймворка Yii с примерами их использования, а в практической части будет создан сайт Blog.MyRusakov.ru с помощью полученных знаний из теоретического раздела.

Так же почти ко всем урокам идут упражнения для закрепления материала из урока на практике.

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

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

Подписавшись по 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 Спасибо!
Профиль Ответить