<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

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

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

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

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

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

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

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

выравнивание текста по вертикали в меню.
28.02.2013 00:52:09 выравнивание текста по вертикали в меню. Сообщение #1
Anna_G

Anna_G

Новичок

Новичок

Дата регистрации:
28.02.2013 00:44:07

Сообщений: 2

Добрый день, у меня в меню не получается выровнять текст по вертикали (он сейчас находится у самого верха). Файл рисунка 150х80px. Делаю в первый раз сама, может, подскажете, в чем проблема?
<div id="menu">

<ul>
<li><a href="#" title="Главная">Главная</a></li>
<li><a href="#" title="Обо мне">Обо мне</a></li>
<li><a href="#" title="О проекте">О проекте</a></li>

</ul>
</div>
#menu {
position: absolute;
top: 0px;
right: 40px;
height: 40px;
}

#menu ul {
padding: 0px;
list-style-type: none;

}

#menu ul li {margin-bottom: 0px;
float: left;
padding-left: 10px;
vertical-align: middle;}
#menu ul li a {background: #ffffff url("menumal.jpg";
width: 150px;
height: 40px;
display: block;
text-align: center;
text-decoration: none;
vertical-align: middle;}
#menu ul li a:hover
{
background: #ffffff url("menumal.jpg" bottom;
width: 150px;
height: 40px;
display: block;
vertical-align: middle;}
Профиль Ответить
28.02.2013 11:02:56 выравнивание текста по вертикали в меню. Сообщение #2
Admin

Admin

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

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

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

Сообщений: 3063

Выравнивать что-то по вертикали можно только в таблицах, во всех остальных местах лишь подгонять с использованием margin и padding.
Профиль Ответить
28.02.2013 13:35:51 выравнивание текста по вертикали в меню. Сообщение #3
Anna_G

Anna_G

Новичок

Новичок

Дата регистрации:
28.02.2013 00:44:07

Сообщений: 2

спасибо, решила просто увеличить шрифт и уменьшить размер данных менюшек по вертикали.
Профиль Ответить
18.05.2013 02:00:53 выравнивание текста по вертикали в меню. Сообщение #4
Anina

Anina

Новичок

Новичок

Дата регистрации:
18.05.2013 01:49:57

Сообщений: 1

В свойствах CSS для текста существуют как высота текста, так и высота линии. Отступ в лево можно задать через правило CSS: "text-indent: 10px", а вот вертикальное выравнивание в меню или в батоне: "line-height: 30px". Можно и в "em" - кому как нравится. А уменьшать шрифт менюшки не рекомендуется. От этого страдает дизайн и читабельность. Уважайте своих клиентов.
Профиль Ответить