Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с выравниванием / 7 сообщений из 7, страница 1 из 1
25.02.2015, 13:05
    #38888331
lsk
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:15
    #38888358
kunaksergey
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:29
    #38888384
lsk
lsk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите с выравниванием
тогда если уменьшать окно в размере, то test5 перескакивает на новую строку, а test2 прыгает под пустой блок и получается ниже уровня блока test1, хотелось бы, чтобы одинаково смещались на новую строку
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2015, 13:42
    #38888409
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите с выравниванием
lsk,
Т.е вы хотите, что бы при минимизации окна-все блоки были в столбик?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2015, 14:03
    #38888449
lsk
lsk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите с выравниванием
kunaksergey,
да, ну или хотя бы одинаковое поведение и в первом ряду, и во втором
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2015, 15:19
    #38888564
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите с выравниванием
lsk,
при резиновом верстке браузер уменьшает div до определенного значения и потом выбивает блок div вниз.
у тебя 3 колонки.. мой chrom например уменьшает окно только до определенного уровня.
Можно сделать, что бы блоки вообще не сбрасывались или задать блокам фиксированную ширину, тогда они будут выстраиваться в колонку... а то получается, что вниз сбрасывается только левая колонка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2015, 19:52
    #38888882
lsk
lsk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите с выравниванием
kunaksergey, спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с выравниванием / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 425ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446234]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 168ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 206ms
total:  425ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]