Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 09.12.2013
Сообщений: 3
1

Как зафиксировать ссылки меню от изменения масштаба?

09.12.2013, 17:07. Показов 1509. Ответов 4
Метки нет (Все метки)

Вот сделал меню - postroyudoma.ru , при изменении масштаба страницы слово КОНТАКТЫ вылезает за пределы, Подскажите как можно это исправить, зафиксировать.
CSS:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#menu {float:left; width:100%; line-height:normal; background-image:url(images/menu.png); width:951px; height:55px;
font-size:14px;
font-weight:bold;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {float:left; margin:0; padding:5px 5px 0px 10px;
} 
 
#menu a {padding:10px;display:block; 
color:#FFF;
text-decoration: none;} 
 
#menu li a:hover{
box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.6);
border-bottom:5px solid #f0a300;
height:20px;
HTML:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vonso Css Menu</title>
<link href="style.css" rel="stylesheet" media="all" />
</head>
<body>
<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>   
        <li><a href="#">ИСКУССТВЕННЫЕ ДЕРЕВЬЯ</a></li>
        <li><a href="#">КОНТАКТЫ</a></li>                               
    </ul>
</div>
</body>
</html>
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.12.2013, 17:07
Ответы с готовыми решениями:

Зафиксировать масштаб страницы или как пересчитывать автоматически в css относительно масштаба
Здравствуйте! Появилась огромная проблема. Сайт полностью написан на html5, код полностью чист и ...

Как зафиксировать галерею, чтобы при изменении масштаба расположение самой галереи не менялось?
html: &lt;div class=&quot;gallery&quot;&gt; &lt;h2&gt;Наши работы&lt;/h2&gt; &lt;a href=&quot;img/31.jpg&quot;...

Как зафиксировать цвет фона в активной ссылке меню
Здравствуйте! Есть меню, хотелось реализовать, чтобы при переходе на определённую категорию сайта...

Как зафиксировать дизайнер меню Builder6?
Редактирую пункт меню в дизайнере, ввожу заголовок пункта, заголовок вводится, но дизайнер тут же...

4
56 / 56 / 14
Регистрация: 02.03.2010
Сообщений: 407
09.12.2013, 17:23 2
sergikse,
Как минимум два варианта:
1)Уменьшить размер шрифта
2) Увеличить размер контейнера
0
0 / 0 / 0
Регистрация: 09.12.2013
Сообщений: 3
09.12.2013, 17:30  [ТС] 3
Цитата Сообщение от Sunman Посмотреть сообщение
sergikse,
Как минимум два варианта:
1)Уменьшить размер шрифта
2) Увеличить размер контейнера
1) все сдвигается влево, а 2) не помогает, либо я неправильно делал. Но спасибо все равно.
0
56 / 56 / 14
Регистрация: 02.03.2010
Сообщений: 407
09.12.2013, 17:40 4
sergikse, для #menu 971px ширины и прекрасно встает последний пункт меню.
1
0 / 0 / 0
Регистрация: 09.12.2013
Сообщений: 3
09.12.2013, 17:52  [ТС] 5
Цитата Сообщение от Sunman Посмотреть сообщение
sergikse, для #menu 971px ширины и прекрасно встает последний пункт меню.
Ладно в принципе так пойдет. Спасибо)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
09.12.2013, 17:52

Как зафиксировать меню без шапки при скроллинге?
подскажите,как сделать так,чтобы при скроллинге меню закреплялось вверху,но без шапки?

Настройка изменения масштаба формы в Delphi
Как сделать чтобы при изменении размера формы объект Image на форма тоже изменял свой размер и...

Зафиксировать скорость изменения поступающих данных в TextBox
Здравствуйте! Не знаю, как подойти к следующей проблеме: в TextBox_1 поступают числовые данные. В...

Зафиксировать ссылки в одном месте
Здравствуйте, пытаюсь сделать следующее: Есть страница, как фон устанавливаю картинку, делаю ее...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru