X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Подскажите по css
Palundra
Palundra
Topic Starter сообщение 29.5.2015, 20:47; Ответить: Palundra
Сообщение #1


Старожил
******

Группа: Active User
Сообщений: 1588
Регистрация: 21.2.2011
Из: Россия
Поблагодарили: 295 раз
Репутация:   58  


Всем привет. Подскажите по css кто разбирается.

Пытаюсь выровнять блоки под спойлером. Нужно выровнять блоки 5 штук в ряд по 5 пунктов

Как то так:
Развернуть/Свернуть


css стили спойлера:
Развернуть/Свернуть
/*---------- СПОЙЛЕР ----------*/
a.spoiler {display: block;}
div.spoiler-content {display: none;}
a.spoiler:focus div {display: block;}

a.spoiler {
background: #c0e0ff;
text-decoration: none;
color: black;
font-weight: bold;
border: 1px solid #80c0ff;
border-radius: 5px;
padding: 0px 5px 0 5px;
margin: 0 0 5px 0;
}
a.spoiler:hover {background: #d0f0ff;}
div.spoiler-content {
background: white;
font-weight: normal;
margin: 0 0 5px 0;
padding: 5px 5px 0 5px;
}

a.spoiler:before {
content: "";
display: block;
float: right;
font-size: smaller;
font-weight: normal;
}
div.spoiler-content:after {
background: #c0e0ff;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #80c0ff;
border-radius: 0 0 5px 5px;
content: "";
display: block;
font-weight: normal;
font-size: smaller;
margin: 5px -5px 0 -5px;
padding: 3px;
}

a.spoiler:focus {cursor: default;}



--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kronos
kronos
сообщение 29.5.2015, 22:19; Ответить: kronos
Сообщение #2


Белый веб-мастер
*******


Группа: Active User
Сообщений: 4703
Регистрация: 10.2.2009
Из: Харьков
Поблагодарили: 2629 раз
Репутация:   327  


Код
div.spoiler-content div {
width: 20%;
float:left;
}


Если ваши "блоки" - это div.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Palundra
Palundra
Topic Starter сообщение 30.5.2015, 0:20; Ответить: Palundra
Сообщение #3


Старожил
******

Группа: Active User
Сообщений: 1588
Регистрация: 21.2.2011
Из: Россия
Поблагодарили: 295 раз
Репутация:   58  


kronos, не работает. Все так же. Блоки в один вертикальный ряд.

код спойлера
Развернуть/Свернуть
<a class="spoiler" href="#spoiler" tabindex="1"><center>Мы работаем по всей России. Список городов:</center>
<div class="spoiler-content">

<ul class="s_list_1">
<li>Москва</li>
<li>Москва</li>
<li>Москва</li>
</ul>

<ul class="s_list_1">
<li>Москва</li>
<li>Москва</li>
<li>Москва</li>
</ul>

<ul class="s_list_1">
<li>Москва</li>
<li>Москва</li>
<li>Москва</li>
</ul>

<ul class="s_list_1">
<li>Москва</li>
<li>Москва</li>
<li>Москва</li>
</ul>

<ul class="s_list_1">
<li>Москва</li>
<li>Москва</li>
<li>Москва</li>
</ul>

</div></a>


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 30.5.2015, 0:50; Ответить: Gerga
Сообщение #4


Участник
***

Группа: User
Сообщений: 247
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 168 раз
Репутация:   43  


Palundra,
Цитата(Palundra @ 29.5.2015, 23:20) *
код спойлера

С этого и надо было начинать :).

Попробуйте так:
Код
div.spoiler-content .s_list_1{
width: 20%;
float:left;
}


Сообщение отредактировал Gerga - 30.5.2015, 0:53


--------------------
Разработка на WordPress -> Верстка/Натяжка/Добавление функционала в шаблонах на WP
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Horpion
Horpion
сообщение 31.5.2015, 10:20; Ответить: Horpion
Сообщение #5


Новичок
*

Группа: Viewer
Сообщений: 3
Регистрация: 30.5.2015
Поблагодарили: 1 раз
Репутация:   0  


А что мешает использовать для блоков display:inline-block ?Тем самым,вы вырявняете их в ряд


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
6 docdie 988 13.12.2017, 18:29
автор: docdie
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1049 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Подскажите аналоги хостинга
0 dimaguru 360 8.12.2017, 14:55
автор: dimaguru
Открытая тема (нет новых ответов) Подскажите норм VPN-сервис для смартфона?
28 CyberAngel 4440 28.11.2017, 21:06
автор: bitcoin24_exchange
Открытая тема (нет новых ответов) Подскажите решение для управления рекламой на сетке сайтов WP и DLE
2 Autorealt 644 25.11.2017, 15:37
автор: Autorealt


 



RSS Текстовая версия Сейчас: 15.12.2017, 22:06
Дизайн