<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

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

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

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

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

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

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

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

Масштабирование
26.11.2013 22:56:59 Масштабирование Сообщение #1
RaGaBaN

RaGaBaN

Новичок

Новичок

Дата регистрации:
09.11.2013 21:41:38

Сообщений: 8

Доброго дня!
Нужна помощь с масштабированием меню
Вот кусок кода:
Html

<div id='top-menu'>
<ul>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
<li> <a href='google.ru'><span>Меню</span></a> </li>
</ul>
<div class='cl'></div>
</div>

CSS

#top-menu ul li a {
display : block;
color: #fff;
text-decoration: none;
Font-size: 120%;
padding: 1px 15px;
border-radius: 10px;
margin: 10px 10px;
background-color: #696969;
}
#top-menu ul li {
list-style: none;
float: left;
}
#top-menu {
background-color: #8B8989;
}
.cl {
clear: both;
}

Нужно сделать чтобы кнопки менюшек были по центру экрана. Отступами в пикселях я пробовал - работает, но нужно что бы работало при разных разрешениях экрана! Заранее спасибо откликнувшимся)
Профиль Ответить
27.11.2013 00:55:57 Масштабирование Сообщение #2
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

добавьте таблицу.а диву дайте значение 100 процентов
ну а таблице,скажем,60 и атрибут align="center"
или задайте диву margin-left или right в процентном соотношении.

а текст выравнивается просто text-align:center или align="center",если это ячейка таблицы
Профиль Ответить
17.12.2013 12:50:12 Масштабирование Сообщение #3
Error 404

Error 404

Продвинутый

Продвинутый

Дата регистрации:
28.07.2013 16:04:47

Сообщений: 48

с помощью css display: table-cell и display: table-row должны решить вашу проблему не прибегая к использованию таблиц
Профиль Ответить