Помогите с выравниванием / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с выравниванием

7 сообщений из 7, страница 1 из 1

Помогите с выравниванием

#38888331

lsk

Гость

Есть такой код:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

<div class="class2">
    <div class="class1">
        test1
    </div>
    <div class="class1">
        test2
    </div>
</div>

<div class="class2">
    <div class="class1">
        test3
    </div>
    <div class="class1">
        test4
    </div>
    <div class="class1">
        test5
    </div>
</div>

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

.class1
{
    width: 30%;
    float: left;
    background:#F1FC3F;
    margin: 5px; 
    padding: 5px;
}

.class2
{
    clear: both;
}

Подскажите, пожалуйста, как сделать выравнивание, чтобы между test1 и test2 было такой же ширины пустое место, а блок test2 всегда был над test5?

...

Рейтинг:

0 / 0

25.02.2015, 13:05

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888358

kunaksergey

Гость

lsk,
Так, что бы сильно не задумываться

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.

<html>
<head>
<style>
.class1
{
    width: 30%;
    float: left;
    background:#F1FC3F;
    margin: 5px; 
    padding: 5px;
}

.class2
{
    clear: both;
}
.clean{
	  background:white;
}
</style>
</head>
<body>

<div class="class2">
    <div class="class1">
        test1
    </div>
     <div class="class1 clean">
        
    </div>
    <div class="class1">
        test2
    </div>
</div>

<div class="class2">
    <div class="class1">
        test3
    </div>
    <div class="class1">
        test4
    </div>
    <div class="class1">
        test5
    </div>
</div>
</body>

</html>

...

Рейтинг:

0 / 0

25.02.2015, 13:15

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888384

lsk

Гость

тогда если уменьшать окно в размере, то test5 перескакивает на новую строку, а test2 прыгает под пустой блок и получается ниже уровня блока test1, хотелось бы, чтобы одинаково смещались на новую строку

...

Рейтинг:

0 / 0

25.02.2015, 13:29

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888409

kunaksergey

Гость

lsk,
Т.е вы хотите, что бы при минимизации окна-все блоки были в столбик?

...

Рейтинг:

0 / 0

25.02.2015, 13:42

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888449

lsk

Гость

kunaksergey,
да, ну или хотя бы одинаковое поведение и в первом ряду, и во втором

...

Рейтинг:

0 / 0

25.02.2015, 14:03

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888564

kunaksergey

Гость

lsk,
при резиновом верстке браузер уменьшает div до определенного значения и потом выбивает блок div вниз.
у тебя 3 колонки.. мой chrom например уменьшает окно только до определенного уровня.
Можно сделать, что бы блоки вообще не сбрасывались или задать блокам фиксированную ширину, тогда они будут выстраиваться в колонку... а то получается, что вниз сбрасывается только левая колонка

...

Рейтинг:

0 / 0

25.02.2015, 15:19

| Ответить | Цитировать | Написать

Помогите с выравниванием

#38888882

lsk

Гость

kunaksergey, спасибо

...

Рейтинг:

0 / 0

25.02.2015, 19:52

| Ответить | Цитировать | Написать

7 сообщений из 7, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с выравниванием

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38888384&tid=1446234]:	0ms
get settings:	5ms
get forum list:	9ms
check forum access:	2ms
check topic access:	2ms
track hit:	150ms
get topic data:	8ms
get forum data:	2ms
get page messages:	26ms
get tp. blocked users:	1ms
others:	252ms

total:	457ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы