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

HTML+CSS+JavaScript

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

 

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

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

тема: Списки в осле
 
 автор: devil943   (10.09.2009 в 15:39)   письмо автору
 
 

Есть блок, в котром лежит список из нескольких пунктов. Первый и последний элемент списка не содержит текст. Ему задана высота (8px) и overflow:hidden.
Во всех браузерах, кроме ie все ок, но в ie появлется некоторый промежуток, который не удалось убрать ни обнулениями отступов и выстпов, ни заданием position:relative, zoom и тд (((

Пример

<div>
    <ul>
        <li class="topMenuBgTop">&nbsp;</li>
        <li><a href=#>Пункт меню</a></li>
        <li class="topMenuBgBottom">&nbsp;</li>
    </ul>
</div>


css

div ul li {background: url('фон'); padding:0px 5px 0px 2px; margin:0px;}
div ul li.topMenuBgTop {background: url('фон'); height: 8px; overflow:hidden; padding:0px; margin:0px;}
div ul li.topMenuBgBottom {background: url('фон'); height: 8px; overflow:hidden; padding:0px; margin:0px;}


Как убрать промежуток в ie?

  Ответить  
 
 автор: DJ Paltus   (10.09.2009 в 16:34)   письмо автору
 
   для: devil943   (10.09.2009 в 15:39)
 

Можно скриншот? Не совсем понятно, об чем речь, да и версию ишака интересно узнать бы.

  Ответить  
 
 автор: devil943   (10.09.2009 в 16:56)   письмо автору
8.5 Кб
 
   для: DJ Paltus   (10.09.2009 в 16:34)
 

IE 8, скриншот а атаче.

  Ответить  
 
 автор: DJ Paltus   (10.09.2009 в 17:26)   письмо автору
 
   для: devil943   (10.09.2009 в 16:56)
 

в ие6 немного иначе - просвет вылазит перед нижним элементом списка, остальные спокойно прижимаются кверху..
Победить не получается, сорри.
Может, вот пригодится:

http://cssing.org.ua/examples/ul/ul.html

  Ответить  
 
 автор: devil943   (10.09.2009 в 17:29)   письмо автору
 
   для: DJ Paltus   (10.09.2009 в 17:26)
 

Те как? Вообще нет решений?

>http://cssing.org.ua/examples/ul/ul.html
Уже смотрел, не помогло (((

  Ответить  
 
 автор: Lelik   (10.09.2009 в 17:30)   письмо автору
 
   для: devil943   (10.09.2009 в 17:29)
 

ну можно на крайняк специально под ИЕ8 накатать стили

  Ответить  
 
 автор: devil943   (10.09.2009 в 17:32)   письмо автору
 
   для: Lelik   (10.09.2009 в 17:30)
 

Я вполне готов пойти на крайняк, только не знаю, о каких стилях идет речь, т.к идей нет((

  Ответить  
 
 автор: Lelik   (10.09.2009 в 17:41)   письмо автору
 
   для: devil943   (10.09.2009 в 17:32)
 

подключай отдельным файлом

html>/**/body #id { property: value; }


http://www.webmakerslounge.com/browsers/ie/ie8-css-hacks/

  Ответить  
 
 автор: heed   (10.09.2009 в 19:43)   письмо автору
 
   для: Lelik   (10.09.2009 в 17:41)
 

в ие7 точно так-же с этими просветами , приходилось делать что-то с стилями ul
, чтобы onmouseover не срабатывало при мышко-сёрфинге :)

  Ответить  
 
 автор: devil943   (10.09.2009 в 21:28)   письмо автору
 
   для: Lelik   (10.09.2009 в 17:41)
 

Нет, не пашет. Да и вообще я не понял смысл этого...

  Ответить  
 
 автор: AlexSol   (10.09.2009 в 21:52)   письмо автору
 
   для: devil943   (10.09.2009 в 21:28)
 

display:block для li и/или a
+position:relative
+line-height/ font-size для первого li/a

попробуйте по такой схеме

  Ответить  
 
 автор: devil943   (10.09.2009 в 22:25)   письмо автору
 
   для: AlexSol   (10.09.2009 в 21:52)
 

Не помогло, для всех li задал display:block и position:relative, для первого li задал line-height:inherit.

  Ответить  
 
 автор: AlexSol   (11.09.2009 в 07:51)   письмо автору
 
   для: devil943   (10.09.2009 в 22:25)
 

дайте полный html+стили

  Ответить  
 
 автор: serjinio   (11.09.2009 в 10:28)   письмо автору
 
   для: devil943   (10.09.2009 в 22:25)
 

Попробуйте задать длину и ширину принудительно.можно в процентах или для блока воспользуйтесь overflow:hidden;

  Ответить  
 
 автор: heed   (10.09.2009 в 23:39)   письмо автору
1.9 Кб
 
   для: AlexSol   (10.09.2009 в 21:52)
 

не совсем понял как у ТС не работает, пример просто не слишком наглядный
, я вот о таких просветах говорил , не смог сократить код ,) скриптом создалось, и уже давно.
css был написан когда я только понял как обмануть ie6, но тогда и посыпались всякие ие7 и ие8 :)

возможно в вопросе спрашивается совсем другое

  Ответить  
 
 автор: devil943   (11.09.2009 в 17:44)   письмо автору
 
   для: devil943   (10.09.2009 в 15:39)
 

Вопрос решен. Для первого элемента прописал position:absolute и обнулил top им left. Для всего блока задал padding-top на высоту позиционированного элемента.

Снизу еще проще, никаких действий, окромя установки backgound-position top.

Но все это, при условии, что родителю назначается position: relative, чтобы absolute считался не от края браузера, а от края позиционированного элемента.

Всем спасибо!

  Ответить  
Rambler's Top100
вверх

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