ForumOK | HTML, SHTML+Javascript, VBScript | CSS-меню. При увеличении масштаба в браузере.

Установи к себе на сайт или форум наш баннер или кнопку!

Правила Форум'Ka ЧИТАТЬ и ЗНАТЬ ВСЕМ!!!!

GruzSoft.org - там где начинаются мобильные загрузки...

ForumOK » Сайтостроение » HTML, SHTML+Javascript, VBScript » CSS-меню. При увеличении масштаба в браузере.

» Здравствуйте, Гость [Вход|Регистрация]

Последнее сообщение | Первое непрочитанное сообщение

Распечатать |

Рекомендовать другу |

Добавить тему в Избранное

CSS-меню. При увеличении масштаба в браузере.

Автор

Сообщение

« Предыдущая тема | Следующая тема »

Fima

Чертенок

Дата регистрации: 09.06.2002
Сообщения: 758
Место нахождения: Москва
Флаг страны: Russia

CSS-меню. При увеличении масштаба в браузере.

$Правка\Удаление$

У меня такая ситуация. Есть меню написанное с помощью CSS.
Но вот в чем беда... При увеличении Ctrl++ или уменьшении масштаба Ctrl+- меню расплывается. Я так понимаю, что и при разных разрешениях экрана все поплывет.. можно ли это как-то исправить?

код:
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:20px;
}

#demo-container{
padding:0 0 0 5px;
background:#67A897;
}

ul#simple-menu{
list-style-type:none;
width:100%;
position:relative;
height:7px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:10px 0 0 0;
}

ul#simple-menu li{
display:block;
float:left;
margin:0 0 0 5px;
height:25px;
}

ul#simple-menu li.left{
margin:2;
}

ul#simple-menu li a{
display:block;
float:left;
color:#fff;
background:#4A6867;
line-height:27px;
text-decoration:none;
padding:0 17px 0 18px;
height:27px;
}

ul#simple-menu li a.right{
padding-right:15px;
}

ul#simple-menu li a:hover{
background:#2E4560;
}

ul#simple-menu li a.current{
color:#2E4560;
background:#fff;
}

ul#simple-menu li a.current:hover{
color:#2E4560;
background:#fff;
}

а вот где в странице использую:
<table width="957" border="0" cellpadding="0" cellspacing="0" align="center">

<tr bgcolor="#FFFFFF" background="#FFFFFF">
<td width="11" height="140" valign="top"> </td>
<td colspan="7" valign="top"><div align="left"><img src="img/7_02.jpg" width="934" height="140"></div></td>
<td width="12" valign="top"> </td>
<td width="4"></td>
</tr>
<tr>
<td height="32" valign="top"> </td>
<td colspan="7" valign="top" bgcolor="#67a897"><center><div id="demo-container">
<ul id="simple-menu">
<li><a href="index.html" class="current" title="Главная страница"><span>Главная</span></a></li>
<li><a href="product.html" title="Продукты"><span>Продукты</span></a></li>
<li><a href="institute.html" title="Учебным заведениям"><span>Учебным заведениям</span></a></li>
<li><a href="service.html" title="Услуги"><span>Услуги</span></a></li>
<li><a href="support.html" title="Поддержка пользователей"><span>Поддержка пользователей</span></a></li>
<li><a href="clients.html" title="Наши клиенты"><span>Наши клиенты</span></a></li>
<li><a href="about.html" title="О компании"><span>О компании</span></a></li>
</ul>
</div></center> </td>

Подпись:
Черт

Несгибаемое намерение Черт

23.05.2009 20:57

Gruzchic Gruzchic мужчина

Типа ПАПА Тут

Дата регистрации: 29.05.2002
Сообщения: 1484
Место нахождения: Estonia
Флаг страны: Европейский Союз | EU

RE: CSS-меню. При увеличении масштаба в браузере.

$Правка\Удаление$

цитата:

Сообщение от Fima
У меня такая ситуация. Есть меню написанное с помощью CSS.
Но вот в чем беда... При увеличении Ctrl++ или уменьшении масштаба Ctrl+- меню расплывается. Я так понимаю, что и при разных разрешениях экрана все поплывет.. можно ли это как-то исправить?

Если честно, то так и не понял, что где как там плывет! Просмотрел твой код через ИЕ8 и никаких багов при отображении не увидел...
Возможно, другой браузер выдает тебе это попробуй в нескольких просмотреть

Gruzchic прикрепил эти изображения (уменьшенная версия):