Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Кристинич
0 / 0 / 0
Регистрация: 01.06.2014
Сообщений: 21
1

Как выровнять текст по центру?

07.09.2015, 17:34. Просмотров 525. Ответов 7
Метки нет (Все метки)

Подскажите какие изменения внести, т.к. это мой первый сайт.
И мне бы хотелось зделать так, что бы не задавать размер body, а как вот размещать не знаю

Код html:

HTML5
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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<link href="css/dlia_index.css" type="text/css" rel="stylesheet">
<link href="css/reset.css" type="text/css" rel="stylesheet">
 
<title>Трейлери</title>
 
</head>
<body >
    <div id="wrapper">
        <div id="header">
            <ul class="header_top_menu" >
            <li class="current" ><a href="#">Головна </a></li>
            <li><a href="#" >Трейлери </a></li> 
            <li><a href="#" >Кліпи </a></li> 
            <li><a href="#" >Фільми </a></li> 
            <li><a href="#" >Пошук </a></li>
            </ul>
            <p id="registr"><a href="#" >Вхід</a>|<a href="#">Реєстрація</p>
        </div>
                            
    </div>
 
</body>
</html>
Код в css:
CSS
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
body{
background-image: url("../images/...5.jpg");
margin: 0 0;
padding: 0 0;
 
 font-weight:bold;
font-size: 14px;
font-family:  Tahoma;
color:FFFFFF;
background-size:cover;
overflow: hidden;
list-style: none;
}
img, object, embed { max-width: 100%; height: auto; }
html, body { width: 100%; height: 100%; }
 
 
a,li,p{ 
 
color:#FFFFFF;
text-decoration:none;}
 
a:hover{color:#FF1111;}
a:active{color:#111111;}
 
a, a img { border: none; }
 
#wrapper{
margin: 0 0;
padding: 0 0;
outline: 1px solid #FFFFFF;
}
 
#header{
height:50px;
width: auto;
background-image: url("../images/linia21.png");
margin: 0 0;
padding: 0 0;
outline: 1px solid #FFFFFF;
background-size:cover;
position: relative;
 
}
 
.header_top_menu li{
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
float:left;
border-right: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
outline: 1px solid #FFFFFF;
}
 
#registr{
float:right;
padding-right: 15px;
padding-top: 15px;
 font-style:italic;
 margin: 0 0;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.09.2015, 17:34
Ответы с готовыми решениями:

Как выровнять текст ссылки по центру фона
Доброго времени суток! Народ помогите сделать никак не получается сделать...

Как выровнять текст меню по центру под картинкой?
всем здрасти, не судите строго я еще новичек в этом нелегком деле) короче...

Как выровнять текст по центру между верхней и нижней границей блока div?
Собственно, как выровнять текст по центру между верхней и нижней границей блока...

Почему ячейка в display: grid меньше размера, который я ей задавал? И как выровнять по центру по вертикали текст?
Почему выделенная ячейка по высоте всего 24 пикселя? я задавал ей высоту...

Выровнять текст по центру
Не могу выровнять текст по центу,подскажите как это сделать &lt;div...

7
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
07.09.2015, 17:49 2
Кристинич,
CSS
1
text-align: center
0
Кристинич
0 / 0 / 0
Регистрация: 01.06.2014
Сообщений: 21
07.09.2015, 18:02  [ТС] 3
а где мне прописать, потому что я уже пробывала, но не получается
0
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
07.09.2015, 18:03 4
Кристинич, а какой именно текст вы хотите выровнять?
0
Кристинич
0 / 0 / 0
Регистрация: 01.06.2014
Сообщений: 21
07.09.2015, 18:06  [ТС] 5
Я хочу список выровнять
0
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
07.09.2015, 18:11 6
Кристинич, во-первых, по центру он и так будет из-за паддингов
CSS
1
2
3
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
во-вторых, css reset нужно ставить перед вашем стилем
в-третьих, возможно вам нужно добавить
CSS
1
.header_top_menu { list-style: none; }
в-четвертых, выложите архив с кодом вашего сайта на форум(включая css reset)
0
Кристинич
0 / 0 / 0
Регистрация: 01.06.2014
Сообщений: 21
07.09.2015, 18:20  [ТС] 7
Он все равно не посередини(

reset.css:

CSS
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
html, body, div, span, applet, object, iframe,
 blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, legend,
 table, tbody, tfoot, thead, tr, th {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 /*font-size: 100%;*/
 vertical-align: baseline;
 }
 body {
 line-height: 1;
 }
 ol, ul {
 list-style: none;
 }
 blockquote, q {
 quotes: none;
 }
 :focus {
 outline: 0;
 }
 ins {
 text-decoration: none;
 }
 del {
 text-decoration: line-through;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }
0
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
07.09.2015, 18:21 8
Кристинич, покажите пожалуйста ваш сайт, либо в песочнице, либо архивом
0
07.09.2015, 18:21
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.09.2015, 18:21

Тег SELECT - выровнять текст по центру (IE)
Есть выпадающий список &lt;select&gt; В нем несколько &lt;option&gt; Нужно сделать так,...

Выровнять по центру текст в option тега select
как это сделать? нашел как задать его длину: &lt;style type=&quot;text/css&quot;&gt;...

Выровнять текст по центру, но прижатым к левому краю, а не беспорядочно?
&lt;ul class='vnul'&gt; &lt;li class='item'&gt;&lt;a href=&quot;#&quot;&gt;Someing...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru