imissyouso
-
Posts
5 -
Joined
-
Last visited
imissyouso's Achievements
Explorer (1/14)
0
Reputation
-
Съезжает блок внутри div c position:fixed
imissyouso replied to imissyouso's question in HTML Coding
спасибо rash. Спокойной ночи, завтра продолжу. ps это можно удалить -
Съезжает блок внутри div c position:fixed
imissyouso replied to imissyouso's question in HTML Coding
спасибо. А как обойтись без паддингов? Чтобы ссылки сами выровнялись по центру? то есть как выравнить строчный элемент внутри блочного по центру? Верно? -
Съезжает блок внутри div c position:fixed
imissyouso replied to imissyouso's question in HTML Coding
спасибо) теперь такая проблема, нужно прицепить стрелочку под каждой ссылкой (в перспективе только под одной). Делаю так: @font-face { font-family: Ubuntu-B; /* имя шрифта для CSS правил */ src: local("Ubuntu-B"), /* проверка на наличие шрифта в ОС пользователя */ url(fonts/Ubuntu-B.ttf); /* если шрифт не найден браузером, то загружаем его по указанному пути */ } root { padding: 0px; margin: 0px; } #top_navigation_block { background: #3e3e3e; height: 60px; width: 100%; position: fixed; top:0px; left: 0px; } #top_navigation_block_inner { width: 980px; height: 100%; margin:0px auto; } #top_navigation_links{ list-style-type:none; margin: 0px; display: block; float: left; height: 100%; } #top_navigation_links li{ display:block; float: left; padding-right: 20px; height: 100%; background-image:url('images/arrow.png'); background-repeat:no-repeat; background-position: center bottom; /* Положение фона */ } #top_navigation_links a { font-family: Ubuntu-B; font-size: 0.8em; text-decoration:none; color:#fff; } #top_navigation_links a:hover { color:#fff; } #enter_register_link { display: block; float: right; padding-top: 20px; padding-right: 20px; } #enter_register_link a { font-family: Ubuntu-B; font-size: 0.8em; text-decoration:none; color:#fff; } <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <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 id="enter_register_link"> <a href="#">ВХОД/РЕГИСТРАЦИЯ</a> </div> </div> </div> не могу теперь никак выравнить ссылки вертикально по центру( как быть? -
Съезжает блок внутри div c position:fixed
imissyouso replied to imissyouso's question in HTML Coding
спасибо,сработало, а я ведь забыл прикрепить css: @font-face { font-family: Ubuntu-B; /* имя шрифта для CSS правил */ src: local("Ubuntu-B"), /* проверка на наличие шрифта в ОС пользователя */ url(fonts/Ubuntu-B.ttf); /* если шрифт не найден браузером, то загружаем его по указанному пути */ } root { padding: 0px; margin: 0px; } #top_navigation_block { background: #3e3e3e; height: 60px; width: 100%; position: fixed; top:0px; left: 0px; } #top_navigation_block_inner { width: 980px; height: 100%; margin:0px auto; background: aqua; } #top_navigation_links{ list-style-type:none; } #top_navigation_links li{ display:inline; padding-right: 20px; } #top_navigation_links a { font-family: Ubuntu-B; font-size: 0.8em; text-decoration:none; color:#fff; } #top_navigation_links a:hover { color:#fff; } объяните логик я выставил в #top_navigation_links margin:0px; но это ведь ul внутри иннера, почему убрав у него маргин удаляется внешний отступ у иннера? где логика? -
Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <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> </body> съезжающий бок специально сделал голубым.