exessqd1

User
  • Content count

    46
  • Joined

  • Last visited

  • Days Won

    1

exessqd1 last won the day on October 5 2011

exessqd1 had the most liked content!

Community Reputation

100 Хорошая

About exessqd1

  • Rank
    Участник

Information

  • Sex
    Мужчина
  1. Кстати, рекомендуемый в статье финт с псевдоссылкой (href="javascript:void(0);") — классический г-код. Можно сказать, эталонный.

    - попрошу объясниться.

  2. Вот пример с реального проекта, есть блок слайдера(синий) из которого должно выпадать окошко больше чем сам блок как на скриншоте. Окошко находится в диве с картинкой. Так как сейчас сделано: Просто синий блок увеличен до 500px чтобы выдающие окошко не скрывалось. Меня этот вариант не устраивает, потому что синий блок перекрывает баннеры по ним нельзя кликнуть, перекрывает текст + если выпадающие окошко будет больше 500px оно скроется. Должно быть более элегантное решение. Хорошим решением было бы overflow-x:hidden; overflow-y: visible; на синий блок и высота синего блока равна красному но это как видно не работает. Можно конечно поморочится с z-index'ом: 1. Eсли сделать z-index: -1; на слайдере по банерам можно будет кликнуть а по слайдеру нет даже если на элементах внутри слайдера прописать z-index: 9999; 2. Можно проставить баннерам position: absolute; и z-index: 9999; (что собственно и сделано) но я думаю это не очень хорошее решение Идеи есть?
  3. Собственно вопрос опять же про overflow-x: hidden; overflow-y:visible; Задача: Сделать такой блок в котором все что выходит за пределы блока по горизонтали будет скрыто, а по вертикали видно. Нужна четкая вложеность: <div class="first"> <div class="second"> </div> </div> Вот наглядная схема то что нужно сделать <style> .first { margin: 100px auto; border: 5px solid #000; width: 500px; height: 200px; overflow-x:hidden; overflow-y:visible; } .second { width: 600px; height: 300px; background: lightblue; } </style> <div class="first"> <div class="second"> </div> </div> Вот как выглядит: Вот как нужно сделать чтобы выглядело:
  4. exessqd1

    overflow-x

    Спасибо конечно, но это не то что нужно. Нужна четкая вложеность: <div class="first"> <div class="second"> </div> </div> Вот наглядная схема то что нужно сделать <style> .first { margin: 100px auto; border: 5px solid #000; width: 500px; height: 200px; overflow-x:hidden; overflow-y:visible; } .second { width: 600px; height: 300px; background: lightblue; } </style> <div class="first"> <div class="second"> </div> </div> Вот как выглядит: Вот как нужно сделать чтобы выглядело:
  5. exessqd1

    overflow-x

    читай внимательно сообщения, в первом посте уже сказано что это не работает, я даже скринтшот выложил! самый первый который. А лучше сначала проверь все сам прежде чем отвечать...
  6. exessqd1

    overflow-x

    Нельзя так как нужно не только показать то что по вертикали но и скрыть все что находится по горизонтали
  7. exessqd1

    overflow-x

    Нужно показать все по вертикали и скрыть по горизонтали
  8. exessqd1

    overflow-x

    Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?
  9. Да я думал может кто подскажет как реализовать.
  10. Хотел сделать паралакс(http://webdev.stephband.info/parallax_demos.html), но понял что без js его не реализовать под все разрешения, так что получилось что получилось http://warplines.com/html/paralax/ - чтобы увидеть эффект нужно ресайзить окно
  11. В гугле такого решения не нашел, вот заморочился, в ie6 не работает(ну это стандартно). Проверено ie7, ie8, firefox3, chrome6, opera 10. http://warplines.com/html/onclick/