Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/11: Рейтинг темы: голосов - 11, средняя оценка - 5.00
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444

Не меняется высота горизонтального меню

23.05.2015, 19:45. Показов 2390. Ответов 17
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Пробовал прописывать height: к <div id="menu"> но не работает.
Кликните здесь для просмотра всего текста
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
body {
          background-color: #696969;
          margin: 0;
        } 
        #page {
        width: 1100px;
        margin:0 auto;
}
 
 
.top {
        color: #00FA9A;
        background-color: #000000;
        font-family: arial, verdana, sans-serif;
        width:1900px;
        height: 100px;
        position:relative;
        right:400px;
        
        }
        
        h1 {
        
        position:relative;
        right: -800px;
        top:40px;
        
        }
        
        a {
        text-decoration: none;
        
        }
        
        
        #menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 300px;
      }
      #menu li { 
      display: inline; 
      font-size: 1.5em;
      margin-right: 2px;
      
      }
      
      #menu li a {
      background: #0db5b5;
      color: #3f3f3f;
      text-decoration: none;
      position: relative;
      
      }
      
      #menu li a:hover {
      background: #92d3d3; 
      color: #6b6b6b; 
      }
      .link {
      position:relative;
      right:-80px;
      top:-400px;
      height:30px;
      
      }
        
    
    .main { 
    background: #f0f0f0; /* Цвет фона */
    width: 600px; /* Ширина блока */
    padding: 10px; /* Поля */
    font-size: 1.5em; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */ 
    moz-box-sizing: border-box; /* Для Firefox */
    position:relative;
    right:-250px;
    top: 200px;
    z-index: 7
        }
    
    
 
        
        .layer {
    position:relative;
    right:-30px;
    top:-350px;
    width: 1100px;
    height: 1500px; /* Высота блока */
    background: #f0f0f0; /* Цвет фона */
    z-index: 5
    
     }


боди:
Кликните здесь для просмотра всего текста
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
28
29
30
31
32
33
34
<div id=page>
<div class="top">
<h1> <p> <a href="../../example/knob.html">Все о Компьютерах</a></p> </h1> 
</div>
 
<div class="main">
 
Компью́тер (англ. computer, МФА: [kəmˈpjuː.tə(ɹ)][1] — «вычислитель») — устройство или система, способное выполнять заданную, чётко определённую изменяемую последовательность операций. Это чаще всего операции численных расчётов и манипулирования данными, однако сюда относятся и операции ввода-вывода. Описание последовательности операций называется программой[2].
Электро́нная вычисли́тельная маши́на, ЭВМ — комплекс технических средств, где основные функциональные элементы (логические, запоминающие, индикационные и др.) выполнены на электронных элементах, предназначенных для автоматической обработки информации в процессе решения вычислительных и информационных задач[3][4].
ЭВМ используется как один из способов реализации компьютера. В настоящее время термин ЭВМ, как относящийся больше к вопросам конкретной физической реализации компьютера, почти вытеснен из бытового употребления и в основном используется инженерами цифровой электроники, как правовой термин в юридических документах, а также в историческом смысле — для обозначения компьютерной техники 1940—1980-х годов и больших вычислительных устройств, в отличие от персональных.
Электронная вычислительная машина подразумевает использование электронных компонентов в качестве её функциональных узлов, однако компьютер может быть устроен и на других принципах — он может быть механическим, биологическим, оптическим, квантовым и т. п. (подробнее: Классы компьютеров#По виду рабочей среды), работая за счёт перемещения механических частей, движения электронов, фотонов или эффектов других физических явлений. Кроме того, по типу функционирования вычислительная машина может быть цифровой (ЦВМ) и аналоговой (АВМ).
С другой стороны, термин «компьютер» предполагает возможность изменения выполняемой программы (перепрограммирования).   
</div>
 
<div class= "link">
       <div id="menu">
                <ul>
                <li><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>
        </div>
        </div>
        
<div class= "layer">
        
 
  
 
 
</div>
</div>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.05.2015, 19:45
Ответы с готовыми решениями:

Как добавить выплывающее меню к уже готовому горизонтальному меню (не меняя дизайн горизонтального меню)?
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html...

Не меняется высота родителя
Решил поковыряться в резиновой верстке, и кажется вообще ничего не понимаю.. &lt;div class=&quot;header-content&quot;&gt; ...

Не меняется высота div
Всем добрый день. В HTML и CSS новичок. При верстке макета возник один момент, с которым никак не могу разобраться. Домен...

17
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
24.05.2015, 18:08
ну у вас меню находится в .link, а там высота 30px стоит..
CSS
1
2
3
4
5
6
.link {
      position:relative;
      right:-80px;
      top:-400px;
      height:30px;
      }
а тут 300, как такое может быть ?! меню находится в контейнере в которого высота max-height:30, а Вы хотите вместить туда меню с высотой 300
CSS
1
2
3
4
5
6
#menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 300px;
      }
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 09:29  [ТС]
Понял, все равно не получается, убрал лишние height, пробовал по одному прописывать во все #menu,#menu li#menu li а .link
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
25.05.2015, 11:13
Cdelphi78, свойства для блока #menu замените на #menu ul:
CSS
1
2
3
4
5
6
#menu ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 30px;
      }
Для .link высоту можно не указывать...
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 12:46  [ТС]
Fedor92, не работает смещается только блок .layer
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 12:49
кинь еще раз css and html какой сейчас у тебя, я проверю у себя..
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 13:56  [ТС]
Кликните здесь для просмотра всего текста
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="main.css" />
<title>Сайт о Компьютерах</title>
 
 
</head>
<body link="00FF00">
<div id=page>
<div class="top">
<h1> <p> <a href="../../example/knob.html">Все о Компьютерах</a></p> </h1> 
</div>
 
<div class="main">
КомпьюМЃтер (англ. computer, МФА: [kЙ™mЛ€pjuЛђ.tЙ™(Й№)][1] — «вычислитель») — устройство или система, способное выполнять заданную, чётко определённую изменяемую последовательность операций. Это чаще всего операции численных расчётов и манипулирования данными, однако сюда относятся и операции ввода-вывода. Описание последовательности операций называется программой[2].
ЭлектроМЃнная вычислиМЃтельная машиМЃна, ЭВМ — комплекс технических средств, где основные функциональные элементы (логические, запоминающие, индикационные и др.) выполнены на электронных элементах, предназначенных для автоматической обработки информации в процессе решения вычислительных и информационных задач[3][4].
ЭВМ используется как один из способов реализации компьютера. В настоящее время термин ЭВМ, как относящийся больше к вопросам конкретной физической реализации компьютера, почти вытеснен из бытового употребления и в основном используется инженерами цифровой электроники, как правовой термин в юридических документах, а также в историческом смысле — для обозначения компьютерной техники 1940—1980-х годов и больших вычислительных устройств, в отличие от персональных.
Электронная вычислительная машина подразумевает использование электронных компонентов в качестве её функциональных узлов, однако компьютер может быть устроен и на других принципах — он может быть механическим, биологическим, оптическим, квантовым и т. п. (подробнее: Классы компьютеров#По виду рабочей среды), работая за счёт перемещения механических частей, движения электронов, фотонов или эффектов других физических явлений. Кроме того, по типу функционирования вычислительная машина может быть цифровой (ЦВМ) и аналоговой (АВМ).
С другой стороны, термин «компьютер» предполагает возможность изменения выполняемой программы (перепрограммирования).
 
</div>
 
<div class= "link">
       <div id="menu">
                <ul>
                <li><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>
        </div>
        </div>
        
<div class= "layer">
        
 
  
 
 
</div>
</div>
</body>
</html>



Кликните здесь для просмотра всего текста
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
body {
          background-color: #696969;
          margin: 0;
        } 
        #page {
        width: 1100px;
        margin:0 auto;
}
 
 
.top {
        color: #00FA9A;
        background-color: #000000;
        font-family: arial, verdana, sans-serif;
        width:1900px;
        height: 100px;
        position:relative;
        right:400px;
        
        }
        
        h1 {
        
        position:relative;
        right: -800px;
        top:40px;
        
        }
        
        a {
        text-decoration: none;
        
        }
        
        
        #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height:100px;
      }
      #menu li { 
      display: inline; 
      font-size: 1.5em;
      margin-right: 2px;
      
      }
      
      #menu li a {
      background: #0db5b5;
      color: #3f3f3f;
      text-decoration: none;
     
     
      
      }
      
      #menu li a:hover {
      background: #92d3d3; 
      color: #6b6b6b; 
      }
      .link {
      position:relative;
      right:-80px;
      top:-400px;
      
     }
        
    
    .main { 
    background: #f0f0f0; /* Цвет фона */
    width: 600px; /* Ширина блока */
    padding: 10px; /* Поля */
    font-size: 1.5em; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */ 
    moz-box-sizing: border-box; /* Для Firefox */
    position:relative;
    right:-250px;
    top: 200px;
    z-index: 7
        }
    
    
 
        
        .layer {
    position:relative;
    right:-30px;
    top:-350px;
    width: 1100px;
    height: 1500px; /* Высота блока */
    background: #f0f0f0; /* Цвет фона */
    z-index: 5
    
     }
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 14:23
карявый у тебя код, скажи что поправить, поточнее ?
http://192.162.135.7/soc.html

поднять меню вверх ?

Добавлено через 7 минут
странный вообще код, в #page стоит width: 1100px; , а в .top width:1900px;, хотя top вложенный в page, как может быть больше чем 1100..
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
25.05.2015, 14:26
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
Fedor92, не работает смещается только блок .layer
А может плохо пробуете? Не знаю конечно под какое разрешение экрана Вы верстаете, но на монике с разрешением 1920px у Вас не вёрстка, а полный швах... Прислушайтесь к советам rysalka и начинайте код править целиком иначе каши не сварите... И формулируйте вопросы точнее - это тоже не мало важно... Поднять элемент/изменить положение элемента и задать элементу высоту вещи диаметрально разные...
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 14:41
так пойдет ?
результат тут http://192.162.135.7/soc.html

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
#page {width: 1100px;margin:0 auto; position: relative;}
 
.top {
    color: #00FA9A;
    background-color: #000000;
    font-family: arial, verdana, sans-serif;
    width: 100%;
    height: 100px;
    position:relative;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    font-weight: bold;
 }
        
a {text-decoration: none;}
 
ul#menu {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height:40px;
    line-height:40px;
    width: 100%;
    background: #0db5b5;
}
ul#menu > li { 
    float: left;
}
ul#menu > li > a {
    color: #3f3f3f;
    display: block;
    padding: 0px 7px;
}
ul#menu > li > a:hover {
    background: #92d3d3; 
    color: #6b6b6b; 
}
.main { 
    background: #f0f0f0; /* Цвет фона */
    width: 800px; /* Ширина блока */
    padding: 10px; /* Поля */
    font-size: 14px; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */ 
    moz-box-sizing: border-box; /* Для Firefox */
    position:relative;
}
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
28
29
30
31
32
33
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="main.css" />
<title>Сайт о Компьютерах</title>
</head>
<body>
    <div id="page">
        <div class="top">
            <a href="https://www.cyberforum.ru/../example/knob.html">Все о Компьютерах</a>
        </div>
        <ul id="menu">
            <li><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>
        <div align="center">
            <div class="main">
            КомпьюМЃтер (англ. computer, МФА: [kЙ™mЛ€pjuЛђ.tЙ™(Й№)][1] — «вычислитель») — устройство или система, способное выполнять заданную, чётко определённую изменяемую последовательность операций. Это чаще всего операции численных расчётов и манипулирования данными, однако сюда относятся и операции ввода-вывода. Описание последовательности операций называется программой[2].
            ЭлектроМЃнная вычислиМЃтельная машиМЃна, ЭВМ — комплекс технических средств, где основные функциональные элементы (логические, запоминающие, индикационные и др.) выполнены на электронных элементах, предназначенных для автоматической обработки информации в процессе решения вычислительных и информационных задач[3][4].
            ЭВМ используется как один из способов реализации компьютера. В настоящее время термин ЭВМ, как относящийся больше к вопросам конкретной физической реализации компьютера, почти вытеснен из бытового употребления и в основном используется инженерами цифровой электроники, как правовой термин в юридических документах, а также в историческом смысле — для обозначения компьютерной техники 1940—1980-х годов и больших вычислительных устройств, в отличие от персональных.
            Электронная вычислительная машина подразумевает использование электронных компонентов в качестве её функциональных узлов, однако компьютер может быть устроен и на других принципах — он может быть механическим, биологическим, оптическим, квантовым и т. п. (подробнее: Классы компьютеров#По виду рабочей среды), работая за счёт перемещения механических частей, движения электронов, фотонов или эффектов других физических явлений. Кроме того, по типу функционирования вычислительная машина может быть цифровой (ЦВМ) и аналоговой (АВМ).
            С другой стороны, термин «компьютер» предполагает возможность изменения выполняемой программы (перепрограммирования).
        </div>
        </div>
        
         
        
    </div>
</body>
</html>
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 15:04  [ТС]
Цитата Сообщение от rysalka Посмотреть сообщение
странный вообще код, в #page стоит width: 1100px; , а в .top width:1900px;, хотя top вложенный в page, как может быть больше чем 1100..
Потому что я размер фона шапки пытался растянуть на всю страницу при 100% масштаба, как оно так получилось не знаю, цифры подгонял методом тыка.
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 15:08
так http://192.162.135.7/soc.html ?

CSS
1
body {background-color: #696969; margin: 0; width: 100%;}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
    <div class="top">
        <a href="https://www.cyberforum.ru/../example/knob.html">Все о Компьютерах</a>
    </div>
    <div id="page">
        <ul id="menu">
            <li><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>
        <div align="center">
            <div class="main">
            КомпьюМЃтер (англ. computer, МФА: [kЙ™mЛ€pjuЛђ.tЙ™(Й№)][1] — «вычислитель») — устройство или система, способное выполнять заданную, чётко определённую изменяемую последовательность операций. Это чаще всего операции численных расчётов и манипулирования данными, однако сюда относятся и операции ввода-вывода. Описание последовательности операций называется программой[2].
            ЭлектроМЃнная вычислиМЃтельная машиМЃна, ЭВМ — комплекс технических средств, где основные функциональные элементы (логические, запоминающие, индикационные и др.) выполнены на электронных элементах, предназначенных для автоматической обработки информации в процессе решения вычислительных и информационных задач[3][4].
            ЭВМ используется как один из способов реализации компьютера. В настоящее время термин ЭВМ, как относящийся больше к вопросам конкретной физической реализации компьютера, почти вытеснен из бытового употребления и в основном используется инженерами цифровой электроники, как правовой термин в юридических документах, а также в историческом смысле — для обозначения компьютерной техники 1940—1980-х годов и больших вычислительных устройств, в отличие от персональных.
            Электронная вычислительная машина подразумевает использование электронных компонентов в качестве её функциональных узлов, однако компьютер может быть устроен и на других принципах — он может быть механическим, биологическим, оптическим, квантовым и т. п. (подробнее: Классы компьютеров#По виду рабочей среды), работая за счёт перемещения механических частей, движения электронов, фотонов или эффектов других физических явлений. Кроме того, по типу функционирования вычислительная машина может быть цифровой (ЦВМ) и аналоговой (АВМ).
            С другой стороны, термин «компьютер» предполагает возможность изменения выполняемой программы (перепрограммирования).
        </div>
        </div>
    </div>
</body>
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 15:27  [ТС]
Подождите не гоните лошадей, значит еще раз, изначально предполагалость просто увеличить высоту горизонтального меню больше ничего не , нужно было у вас rysalka куда то пропал белый фон вот здесь http://192.162.135.7/soc.html. Позицинирование масштаб 100% расположение элементов должно все как на рисунке:
Миниатюры
Не меняется высота горизонтального  меню  
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 15:28  [ТС]
Цитата Сообщение от Fedor92 Посмотреть сообщение
Не знаю конечно под какое разрешение экрана Вы верстаете
А под какое разрешение нужно верстать, верстаю под разными разрешениями на разных компьютерах
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 15:40
http://192.162.135.7/soc.html

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
body {background-color: #696969; margin: 0; width: 100%;} 
#page {width: 1100px;margin:0 auto; position: relative;}
 
.top {
    color: #00FA9A;
    background-color: #000000;
    font-family: arial, verdana, sans-serif;
    width: 100%;
    height: 100px;
    position:relative;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    font-weight: bold;
 }
        
a {text-decoration: none;}
 
 
ul#menu {
    text-align: center;
    padding: 0;
    list-style-type: none;
    line-height:40px;
    width: 840px;
    position: relative;
    z-index: 5;
    margin:10px 0;
}
ul#menu > li { 
    display: inline-block; 
}
ul#menu > li > a {
    background: #0db5b5;
    color: #3f3f3f;
    display: block;
    padding: 0px 7px;
}
ul#menu > li > a:hover {
    background: #92d3d3; 
    color: #6b6b6b; 
}
.main { 
    background: #f0f0f0; /* Цвет фона */
    width: 800px; /* Ширина блока */
    padding: 10px 20px; /* Поля */
    font-size: 14px; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */ 
    moz-box-sizing: border-box; /* Для Firefox */
    position:relative;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
    <div class="top">
        <a href="https://www.cyberforum.ru/example/knob.html">Все о Компьютерах</a>
    </div>
    <div id="page">
        <div align="center">
            <ul id="menu">
                <li><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>
            <div class="main">
            КомпьюМЃтер (англ. computer, МФА: [kЙ™mЛ€pjuЛђ.tЙ™(Й№)][1] — «вычислитель») — устройство или система, способное выполнять заданную, чётко определённую изменяемую последовательность операций. Это чаще всего операции численных расчётов и манипулирования данными, однако сюда относятся и операции ввода-вывода. Описание последовательности операций называется программой[2].
            ЭлектроМЃнная вычислиМЃтельная машиМЃна, ЭВМ — комплекс технических средств, где основные функциональные элементы (логические, запоминающие, индикационные и др.) выполнены на электронных элементах, предназначенных для автоматической обработки информации в процессе решения вычислительных и информационных задач[3][4].
            ЭВМ используется как один из способов реализации компьютера. В настоящее время термин ЭВМ, как относящийся больше к вопросам конкретной физической реализации компьютера, почти вытеснен из бытового употребления и в основном используется инженерами цифровой электроники, как правовой термин в юридических документах, а также в историческом смысле — для обозначения компьютерной техники 1940—1980-х годов и больших вычислительных устройств, в отличие от персональных.
            Электронная вычислительная машина подразумевает использование электронных компонентов в качестве её функциональных узлов, однако компьютер может быть устроен и на других принципах — он может быть механическим, биологическим, оптическим, квантовым и т. п. (подробнее: Классы компьютеров#По виду рабочей среды), работая за счёт перемещения механических частей, движения электронов, фотонов или эффектов других физических явлений. Кроме того, по типу функционирования вычислительная машина может быть цифровой (ЦВМ) и аналоговой (АВМ).
            С другой стороны, термин «компьютер» предполагает возможность изменения выполняемой программы (перепрограммирования).
        </div>
        </div>
    </div>
</body>
чтобы изменить высоту в ul#menu изменяйте line-height

Добавлено через 2 минуты
поправил немного класс
CSS
1
2
3
4
5
6
7
8
9
10
.main { 
    background: #f0f0f0; /* Цвет фона */
    width: 800px; /* Ширина блока */
    padding: 20px 80px; /* Поля */
    font-size: 14px; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */ 
    moz-box-sizing: border-box; /* Для Firefox */
    position:relative;
    text-align: left;
}
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
25.05.2015, 15:42
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
А под какое разрешение нужно верстать, верстаю под разными разрешениями на разных компьютерах
Cdelphi78, ну обычно, если Вы верстаете сайт для просмотра на компьютере, макет верстается на самое меньшее разрешение, то есть это около 980-1000px...
1
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.05.2015, 20:28  [ТС]
rysalka, Большое спасибо, сделал по вашему, все нормально, единственно если не затруднит расскажите почему используется такая форма записи ul#menu;ul#menu > li;ul#menu > li > a;
Fedor92, хорошо, буду учитывать.
0
 Аватар для rysalka
5 / 5 / 6
Регистрация: 24.05.2015
Сообщений: 76
25.05.2015, 22:51
я думаю лучше будет тебе прочитать про "селекторы css", если не поймешь - приходи сюда, расскажу!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.05.2015, 22:51
Помогаю со студенческими работами здесь

Почему не меняется высота таблицы
Перечитал кучу сайтов, перепробовал все что там сказано, но так и не понял, почему у меня ширина таблицы меняется через css, а высота нет. ...

Не меняется автоматически высота блоков
На сайте есть три блока - левый, правый, и средний. в левом и правом - есть выпадающие вниз меню. Высота блоков автоматически меняется...

Высота div не меняется с добавлением контента
Всем привет! div тела сайта должен меняться. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;;&gt; ...

Позиционирование горизонтального меню
Как только не пробовал выровнять меню по середине класса block. Если и сдвигал, то не на середину. Пользовался margin:0 auto;, а также...

Настройка горизонтального меню
Всем добрый день Примитивный вопрос. Хочу сделать чтобы кнопки верзенего меню были в линию: &lt;!DOCTYPE html&gt; &lt;html&gt;...


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

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru