Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять блоки по центру экрана / 8 сообщений из 8, страница 1 из 1
12.12.2013, 08:47
    #38497930
center
center
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<style type="text/css">
.yach2 {
color: #000;
line-height: 14px;
font-size: 14px;
text-align: center;
height: 40px;
vertical-align: middle;
display: table-cell;
width: 140px;
font-weight: normal;
}
.yach {
font-weight: bold;
margin: 5px;
padding: 0 5px 5px 5px;
width: 140px;
float: left;
text-align: center;
border: 1px dotted #DDD;
}
</style>


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div style="text-align: center; margin: auto;">
<div style="display: table-cell; text-align: center; margin: auto;">
	<div class="yach"><div class="yach2">QQQQQQQQQQQ</div>3333</div>
	<div class="yach"><div class="yach2">WWWWWWWWWWW</div>2222</div>
	<div class="yach"><div class="yach2">EEEE</div>40 40 40</div>
	<div class="yach"><div class="yach2">RR</div>20 20 20 20</div>
	<div style="float: left; display: none;">нет</div>
	<div style="float: left; display: none;">нет</div>
</div>
</div>


Уже везде CENTER прописал, а они всё-равно слева.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 09:12
    #38497946
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
centerКак выровнять блоки по центру экрана
Какие именно дивы делать по центру? У тебя их много...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 09:14
    #38497947
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
center , а еще лучше - покажи картинку, что собираешся реализовать... Потому как разметка у тебя просто ужос!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 09:15
    #38497949
center
center
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
krvsaКакие именно дивы делать по центру? У тебя их много...
Чтобы блок блоков ( <div style="display: table-cell; text-align: center; margin: auto;"> ) был по центру экрана, а не по левой стороне.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 09:20
    #38497956
center
center
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 09:33
    #38497975
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
center,
 
так пойдет?
Код: 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.
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
.cont {
	display:table;
	width:auto;
	background:pink;
	text-align:center;
	margin:0 auto;
}
.yach {
	padding:0px 5px 5px 5px;
	width:140px;
	text-align:center;
	border:1px dotted red;
	display:table-cell;
}
</style>
</head>
<body>
<div class="cont">
	<div class="yach">QQQQQQQQQQQ<br>3333</div>
	<div class="yach">WWWWWWWWWWW<br>2222</div>
	<div class="yach">EEEE<br>40 40 40</div>
	<div class="yach">RR<br>20 20 20 20</div>
	<div style="float: left; display: none;">нет</div>
	<div style="float: left; display: none;">нет</div>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 10:00
    #38498019
center
center
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
user89, Да, спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2013, 10:05
    #38498023
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять блоки по центру экрана
Такой вот еще вариант...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.cont {
	text-align: center;
}
.yach {
	display: inline-block;
	border: 1px solid;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="cont">
	<div class="yach">QQQQQQQQQQQ<br>3333</div>
	<div class="yach">WWWWWWWWWWW<br>2222</div>
	<div class="yach">EEEE<br>40 40 40</div>
	<div class="yach">RR<br>20 20 20 20</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять блоки по центру экрана / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 471ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447566]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 170ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 56ms
get tp. blocked users:
 1ms
others: 200ms
total:  471ms
x
x
Закрыть


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