- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
VK приобрела 70% в структуре компании-разработчика red_mad_robot
Которая участвовала в создании RuStore
Оксана Мамчуева
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте.
Есть, вот, конструктор таблицы с тарифами для сайта.
Он дает такой код таблицы
HTML
<div id="pricing-table" class="pricing-table">
<ul>
<li class="heading">Bronze</li>
<li class="price">£20</li>
<li>Starter package</li>
<li>15 Projects</li>
<li class="action">Buy Now</li>
</ul>
<ul class="feature">
<li class="heading">Silver</li>
<li class="price">£60</li>
<li>Intermediate package</li>
<li>20 Projects</li>
<li class="action">Buy Now</li>
</ul>
<ul>
<li class="heading">Gold</li>
<li class="price">£80</li>
<li>Professional package</li>
<li>30 Projects</li>
<li class="action">Buy Now</li>
</ul>
</div>
CSS
.pricing-table ul{
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
border-radius: 3px;
margin: 3px;
width: 200px;
text-align: center;
list-style: none;
float: left;
padding: 0px;
background-color: #FFFFFF;
}
.pricing-table ul li{
padding: 5px;
background-color: #EFEFEF;
border-width: 2px;
border-color: #B83737;
border-radius: 0px;
border-bottom-width: 2px;
font-size: 14px;
}
.pricing-table li:nth-child(odd){
background-color: #F7F7F7;
}
.pricing-table ul .heading{
color: #FFFFFF;
background-color: #DF5D5D;
font-size: 16px;
}
Сайт на ВордПресс.
Подскажите, пожалуйста, как такую таблицу поставить посередине страницы?
Таблица по умолчанию встает по левому краю.
<div align="сenter"></div> не помогает.
Я, к сожалению, не бум-бум в верстке.
Как ее, таблицу, поставить посередине?
Спасибо!
Решение "в лоб"
<center>
<div id="pricing-table" class="pricing-table">
...
</div>
</center>
добавить в css
.pricing-table { display: inline-block; }
asteroid, получилось! )
Спасибо большое! ))
.pricing-table{
margin:3px auto;
}
.pricing-table{
margin:3px auto;
}
будет работать, если у <div class="pricing-table" .. задана ширина
Упавший давно <center> это ныне text-align:center и конечно таблицу придется приравнять к строке.
---------- Добавлено 21.07.2015 в 09:39 ----------
будет работать, если у <div class="pricing-table" .. задана ширина
Так задаст, обычно пишут 100% и все.
будет работать, если у <div class="pricing-table" .. задана ширина
width:100% или, дабы не прилипала к бордюрам - 96%
.pricing-table{
display: block;
margin:3px auto;
}