Убрать промежуток

@Cdelphi78 · Регистрация: 21.02.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте! Я тут чет запутался и не знаю как убрать белый промежуток внизу страницы http://dev-working.ru/project_... enter.html

@Fedor92 · 24.03.2018, 21:26

Cdelphi78, див с классом overlay корень зла, а точнее секция в которую он вложен перестраивайте вёрстку...

@Cdelphi78 · 24.03.2018, 21:33 **[ТС]**

Fedor92, вижу, спасибо, а почему так?
А куда же его воткнуть тогда чтобы он работал?

@Fedor92 · 24.03.2018, 22:41

Cdelphi78, изначально можно было бы поделить общую область на две половины по 50%... И поверх слоями положить меню, можно было и двумя фонами поколдовать... Вариантов то уйма...

Добавлено через 37 секунд

Сообщение от Cdelphi78

Fedor92, вижу, спасибо, а почему так?

Я подозреваю из-за отрицательного отступа и относительного позиционирования секции...

@Cdelphi78 · 24.03.2018, 23:04 **[ТС]**

Сообщение от Fedor92

Cdelphi78, изначально можно было бы поделить общую область на две половины по 50%... И поверх слоями положить меню, можно было и двумя фонами поколдовать... Вариантов то уйма...

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

@Fedor92 · 24.03.2018, 23:21

Самый топорный вариант:

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
53
54
55
56
57
58
59
60
61
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body{
            width:100%;
            height:100%;
            margin:0
        }
        
        section{
            width:inherit;
            height:inherit;
            position:relative;
            background:red
        }
        
        section:after{
            content:"";
            position:absolute;
            top:0;
            right:0;
            width:50%;
            height:100%;
            z-index:2;
            background:rgba(0,0,0,0.5)
        }
        
        ul{
            position:relative;
            z-index:3;
            list-style:none;
            margin:0;
            padding:0
        }
        
        li{
            display:inline-block;
            
        }
        
        a{
            color:#fff
        }
    </style>
</head>
<body>
    <section>
        <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>
            <li><a href="">Пункт меню</a></li>
        </ul>
    </section> 
</body>
</html>

@golosalex · 26.03.2018, 04:58

не хочу никого обидеть но дизайн плывет при изменении ширины (или высоты) браузера и размера шрифта - не порядок... и дефолтные точки в списках не красиво... так же странно что фоновая картинка тоже тянется...

@Cdelphi78 · 28.03.2018, 11:03 **[ТС]**

golosalex, ваше решение?

@golosalex · 28.03.2018, 18:52

честно сказать я вижу тут одним CSS кодом не обошлось, да и CSS код не похож на рукописный, поэтому верстать не возмусь, еще не научился, но мог бы сделать пару замечаний, что мне кажется будут уместны, вы можете прислушаться или проигнорировать, как сочтете нужным.

я не знаю какой там у вас макет заказан, просто я не привык видеть картинку на фоне ризиновую как по горизонтале так и по вертикали, не скажу что это дурной вкус просто по моему это необычное решение. кроме того если вы будите плавно менять ширину окна браузера, то вверху справа у вас будут прыгать блоки с надписями "о компнии", "услуги", "главная", не знаю принципиально ли это для вас, но хаотичное прыгание трех блоков с непредсказуемым позиционированием выглядит странно(когда я оставлял прошлое сообщение прыгали сразу все шесть блоков, видимо три штуки справа вы как-то поправили), я бы вообще не делал панель навигации резиновой и не всречал ничего подобного в приличных местах.
на счет дефолтных точек (те что по умолчанию генерируются HTML кодом) в списке в правой части макета я просто хотел сказать странно видеть что-то подобное на странице с таким количеством графики, я слышал, что обычно как-то меняют дизайн, но это ваше дело, так же с отступами между элементами списка я бы немного заморочился, потому что если смотреть не в ширину экрана FullHD то первая строка списка займет сразу 2 строки, и получится так что отступы одни и те же и между элементами списка и внутри одной строки, да и заглавные буквы были бы уместны, может, конечно я немного не ясно выразился, но как мог

. можно ли поинтересоваться, макет так и задумывался резиновым со всех сторон? и фон и панель навигации и все-все-все, да еще и перестройка под экраны с узким разрешением?

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444

	Убрать промежуток 24.03.2018, 21:17. Показов 1044. Ответов 8 Метки нет (Все метки) Здравствуйте! Я тут чет запутался и не знаю как убрать белый промежуток внизу страницы http://dev-working.ru/project_... enter.html 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	24.03.2018, 21:26
	Cdelphi78, див с классом overlay корень зла, а точнее секция в которую он вложен перестраивайте вёрстку... 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	24.03.2018, 21:33 [ТС]
	Fedor92, вижу, спасибо, а почему так? А куда же его воткнуть тогда чтобы он работал? 0

@golosalex 151 / 135 / 29 Регистрация: 02.07.2013 Сообщений: 967
	26.03.2018, 04:58
	не хочу никого обидеть но дизайн плывет при изменении ширины (или высоты) браузера и размера шрифта - не порядок... и дефолтные точки в списках не красиво... так же странно что фоновая картинка тоже тянется... 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	28.03.2018, 11:03 [ТС]
	golosalex, ваше решение? 0

@golosalex 151 / 135 / 29 Регистрация: 02.07.2013 Сообщений: 967
	28.03.2018, 18:52
	честно сказать я вижу тут одним CSS кодом не обошлось, да и CSS код не похож на рукописный, поэтому верстать не возмусь, еще не научился, но мог бы сделать пару замечаний, что мне кажется будут уместны, вы можете прислушаться или проигнорировать, как сочтете нужным. я не знаю какой там у вас макет заказан, просто я не привык видеть картинку на фоне ризиновую как по горизонтале так и по вертикали, не скажу что это дурной вкус просто по моему это необычное решение. кроме того если вы будите плавно менять ширину окна браузера, то вверху справа у вас будут прыгать блоки с надписями "о компнии", "услуги", "главная", не знаю принципиально ли это для вас, но хаотичное прыгание трех блоков с непредсказуемым позиционированием выглядит странно(когда я оставлял прошлое сообщение прыгали сразу все шесть блоков, видимо три штуки справа вы как-то поправили), я бы вообще не делал панель навигации резиновой и не всречал ничего подобного в приличных местах. на счет дефолтных точек (те что по умолчанию генерируются HTML кодом) в списке в правой части макета я просто хотел сказать странно видеть что-то подобное на странице с таким количеством графики, я слышал, что обычно как-то меняют дизайн, но это ваше дело, так же с отступами между элементами списка я бы немного заморочился, потому что если смотреть не в ширину экрана FullHD то первая строка списка займет сразу 2 строки, и получится так что отступы одни и те же и между элементами списка и внутри одной строки, да и заглавные буквы были бы уместны, может, конечно я немного не ясно выразился, но как мог. можно ли поинтересоваться, макет так и задумывался резиновым со всех сторон? и фон и панель навигации и все-все-все, да еще и перестройка под экраны с узким разрешением? 0