С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 07.10.2016
Сообщений: 30

Текстовый блок сдвигает меню

23.10.2016, 16:41. Показов 842. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, у меня появилась проблема, в моем нижнем блоке есть две ссылки, над которыми должен быть текст.
А этот текст сдвигает две строки с ссылками. Так же данный текст не получает условие цвета, размера и шрифта
(Ссылки - lowmenu / Текст - links)
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
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
    <title>RealCase - חבילות לגיימרים</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
    <link rel="stylesheet" href="style.css" media="all">
    <style>
        li{list-style-type: none;}
    </style>
</head>
<body>
<div class="header">
    <div class="mid">
         <header>
            <img src="images/logo1.png">
         </header>
</div> 
    </div>
 
<div class="goods">
    <div class="mid">
        <img src="images/goods.png">
</div> 
    </div>
 
<div class="work">
    <div class="mid">
        <img src="images/1111.png">
        <div class="free">
</div> 
    </div>
 
<div class="why">
    <div class="mid">
        <img src="images/why.png">
        <div class="supp">
</div> 
    </div>
 
<div class="lowmenubg">
    <div class="links">:קישורים</div>
    <div class="lowmenu">
            <aside>
                <li><a href="#">שיתות תשלום</a></li>
                <li><a href="#">שיתות הובלה</a></li>
            </aside>    
</div> 
    </div>      
</body>
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
body{background: #ffffff; margin: 0; padding: 0;}
a{text-decoration: none;}
 
/*Структура сайта*/
div.mid{width: 1400px; margin:0 auto; background-repeat: no-repeat;}
 
/*Верх*/
div.header{height: 117px; background: #000000 url(images/header.png);}
div.goods{height: 534px; background: #ffffff;}
 
/*work/free*/
div.work{height: 566px; width: 100%; background: #696969;}
div.free{height: 401px; width: 100%; background: #ffffff url(images/FREE.png);}
 
/*why/supp*/
div.why{height: 425px; background: #3b3b3b;}
div.supp{height: 402px; width: 100%; background: #ffffff url(images/supp.png);}
 
/*НизМеню-bg+способы*/
div.lowmenubg{height: 125px; background: #323232;}
div.lowmenu{margin: 33px; margin-top: 33px; margin-right: 517px;  float: right;}
div.lowmenu a{color: #696969; font: 12px/18px Tahoma, Arial, sans-serif;}
 
/*НизМеню-Ссылки*/
div.links{margin-right: 415px;  float: right;}
div.links a{color: #ffffff; font: 24px/18px Tahoma, Arial, sans-serif;}
Миниатюры
Текстовый блок сдвигает меню  
Вложения
Тип файла: zip Архив ZIP - WinRAR.zip (1.89 Мб, 5 просмотров)
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.10.2016, 16:41
Ответы с готовыми решениями:

Блок меню не сдвигает страницу вниз
Добрый день всем! Стал добавлять в меню пункты, обнаружил, что блок меню не пинает вниз сайт, а как бы под сайт заходит, когда не...

Боковое выдвигаемое меню сдвигает рабочую область
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt; &lt;title&gt;Something that...

Kартинка-маркер в списке сдвигает ссылки меню на следующую строку...
Подскажите, пожалуйста, почему ссылки меню уходят вниз на следующую строку, а не стоят на одной с картинкой установленной в li...

1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
23.10.2016, 20:19
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
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
    <title>RealCase - חבילות לגיימרים</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
    <link rel="stylesheet" href="style.css" media="all">
    <style>
        li{list-style-type: none;}
    </style>
</head>
<body>
<div class="header">
    <div class="mid">
         <header>
            <img src="images/logo1.png">
         </header>
</div>
    </div>
 
<div class="goods">
    <div class="mid">
        <img src="images/goods.png">
</div>
    </div>
 
<div class="work">
    <div class="mid">
        <img src="images/1111.png">
        <div class="free">
</div>
    </div>
 
<div class="why">
    <div class="mid">
        <img src="images/why.png">
        <div class="supp">
</div>
    </div>
 
<div class="lowmenubg">
    <div class="links">:קישורים</div>
    <div class="lowmenu">
            <ul>
                <li><a href="#">שיתות תשלום</a></li>
                <li><a href="#">שיתות הובלה</a></li>
            </ul>
</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
body{background: #ffffff; margin: 0; padding: 0;}
a{text-decoration: none;}
 
/*Структура сайта*/
div.mid{width: 1400px; margin:0 auto; background-repeat: no-repeat;}
 
/*Верх*/
div.header{height: 117px; background: #000000 url(images/header.png);}
div.goods{height: 534px; background: #ffffff;}
 
/*work/free*/
div.work{height: 566px; width: 100%; background: #696969;}
div.free{height: 401px; width: 100%; background: #ffffff url(images/FREE.png);}
 
/*why/supp*/
div.why{height: 425px; background: #3b3b3b;}
div.supp{height: 402px; width: 100%; background: #ffffff url(images/supp.png);}
 
/*НизМеню-bg+способы*/
div.lowmenubg{height: 125px; background: #323232;}
div.lowmenu{margin: 33px; margin-top: 33px; margin-right: 517px;  float: right;}
div.lowmenu a{color: #696969; font: 12px/18px Tahoma, Arial, sans-serif;}
 
/*НизМеню-Ссылки*/
div.links{margin-right: 415px;  float: right; color: #ffffff; font: 24px/18px Tahoma, Arial, sans-serif;}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.10.2016, 20:19
Помогаю со студенческими работами здесь

Блок меню - выезжающее меню
Доброй ночи подскажите начинающему ,вот у меня есть сайт у меня идет меню услуги новости и так далее,как сделать что бы когда я навожу...

Текстовый редактор. Иконки в меню.
Пишу сейчас стандартную для студентов программу текстового редактора (RichEdit). В папке demos есть пример уже готового текстового...

Сохранить подпункты меню в текстовый файл
Есть подстроки в меню, которых может быть очень много. Туда с каждым действием добавляются ссылки. Так вот, нужно, чтобы при выборе...

Вставить блок в текстовый файл
Всем день добрый! Может есть у кого, программка: вставляет блок из трёх строк в текстовый файл, через выбираемое кл-во строк или Кбайт?

Не удается сместить текстовый блок
Здравствуйте! Подскажите пожалуйста, как в данном случае сдвинуть текст в &quot;визитку&quot; ? я уже голову сломал, не могу понять мочему не...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru