Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: убрать полосу прокрутки
 
 автор: Лена   (08.07.2008 в 15:50)   письмо автору
 
 

При размещении вертикального меню один из пунктов, к сожалению, слишком длинный (Декоративно-отделочные работы). Поэтому под ним прямо в меню появляется горизонтальная полоса прокрутки.
Увеличить размеры меню (160px) нельзя, уменьшить заголовок - тоже. Как оставить все на своих местах, но избавиться от полосы прокрутки?

   
 
 автор: Bivan   (08.07.2008 в 19:47)   письмо автору
 
   для: Лена   (08.07.2008 в 15:50)
 

overflow: hidden;

   
 
 автор: Лена   (09.07.2008 в 09:15)   письмо автору
 
   для: Bivan   (08.07.2008 в 19:47)
 

Пробовала уже. Полоса не исчезает. И BODY { overflow-y: hidden; } тоже пробовала. Какие будут еще варианты?

   
 
 автор: PAT   (09.07.2008 в 10:36)   письмо автору
 
   для: Лена   (09.07.2008 в 09:15)
 

Вариант единствнный:
<div style="width: 50px; overflow: hidden">
НеразрывныйТекстДлиноюБольше50px
</div>
Странно слышать, что он у кого-то не работает.
Тестировал в MSIE-6, FireFox-2.0.0.15, Opera-9.25

   
 
 автор: Лена   (09.07.2008 в 12:15)   письмо автору
 
   для: PAT   (09.07.2008 в 10:36)
 

За стили меню отвечает такой класс:
.suckerdiv ul
{
width: 170px;
overflow: hidden;
list-style-type: none;
margin: 2px;
padding: 0;
border-bottom: 1px solid #1E90FF;
}
Прокрутка не исчезает. FireFox 1.5

   
 
 автор: PAT   (09.07.2008 в 12:55)   письмо автору
 
   для: Лена   (09.07.2008 в 12:15)
 

использовал ваш стиль:
<html>
<head>
<style>
ul
{
width: 50px;
overflow: hidden;
list-style-type: none;
margin: 2px;
padding: 0;
border-bottom: 1px solid #1E90FF;
}
</style>
</head>
<body>
<ul>
<li>aaaa
<li>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
<li>cccc
</ul>
</body>
</html>

проверил в тех же браузерах (см. выше) - всё ОК

То, что не работает в FireFox v. 1.5 - вполне может быть.
Думаю, что не будет работать и в древних версиях MSIE, Opera...
Что делать... старые версии потому и заменяются новыми, чтобы работало лучше :-)

   
 
 автор: GeorgeIV   (09.07.2008 в 10:04)   письмо автору
 
   для: Лена   (08.07.2008 в 15:50)
 

А перенос слов не срабатывает? У меня в меню длинные строки в несколько получаются и ничего не скроллится.
Покажи кусок кода с меню

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования