Jump to content

oke11o

User
 View Profile  See their activity

  • Posts

    44

  • Joined

  • Last visited

 Content Type 

Everything posted by oke11o

  1. oke11o
    хм. А если вместо класс использовать id - не работает. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>slideshow</title> <style> #slideshow { margin: 20px; } .item { width: 150px; height: 100px; border: 1px solid #000; background: #fff; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" ></script> <script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest. js"></script> <script> $(document).ready(function() { $('#slideshow').cycle(); }); </script> </head> <body> <div id="slideshow"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> </div> <div id="slideshow"> <div class="item"> 1 </div> <div class="item"> 2 </div> </div> <div id="slideshow"> <div class="item"> а тут только один элемент, поэтому он слайдится не будет. </div> </div> </body> </html> Не подскажите почему?
  2. oke11o
    <script type="text/javascript"> $(document).ready(function() { $('.slideshow').each(function() { $(this).cycle(); }); }); </script> что-то не выходит у меня. Все равно, только первый слайдит.
  3. oke11o
    Mishka, это куда писать?
  4. oke11o
    Я попытался воспользоваться вот таким фильтром: $('div [id=slideshow]').cycle({ Тогда слайдятся все блоки, но в хорме и опере они наехали друг на друга.
  5. oke11o
    Здравствуйте. Подскажите новичку. Воспользовался этим примером слайд шоу. http://jquery.malsup.com/cycle/basic.html Но если сделать несколько блоков <div class="slideshow"> слайдшоудит только первый. Остальные вываливает простыми картинками. Как быть? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script> </head> <body> <div class="slideshow"> ...... </div> <div class="slideshow"> ...... </div> <div class="slideshow"> ...... </div> </body>
  6. oke11o
    Точно. Спасибо.
  7. oke11o
    Вот HTML: <div id="cn-menu"> <div id="cn-menu-bg"> <ul> <li><a href="#main" class="main">Home</a></li> <li><a href="#foto" class="foto">foto</a></li> <li><a href="#menu" class="menu">menu</a></li> <li><a href="#music" class="music">music</a></li> <li><a href="#interier" class="interier">interier</a></li> <li><a href="#reserv" class="reserv">reserv</a></li> <li><a href="#contact" class="contact">contact</a></li> </ul> </div> </div> И CSS: #cn-menu ul { list-style: none; padding: 0; margin: 0 auto; width: 504px; height: 20px; background-color: #001e16; position: relative; } #cn-menu a { display: block; position: absolute; width: 72px; height: 20px; text-indent: -900%; background: url(../i/menu_nav.png) no-repeat; outline: none; } #cn-menu .main { left: 0px; top: 0px; background-position: 0 -20px; } #cn-menu .foto { left: 72px; top: 0px; background-position: -72px -40px; } #cn-menu .menu { left: 144px; top: 0px; background-position: -144px -40px; } #cn-menu .music { left: 216px; top: 0px; background-position: -216px -40px; } #cn-menu .interier { left: 288px; top: 0px; background-position: -288px -40px; } #cn-menu .reserv { left: 360px; top: 0px; background-position: -360px -40px; } #cn-menu .contact { left: 432px; top: 0px; background-position: -432px -40px; } #cn-menu .main li a:hover { background-position: 0 -20px; } #cn-menu .foto li a:hover { background-position: -72px -20px; } #cn-menu .menu li a:hover { background-position: -144px -20px; } #cn-menu .music li a:hover { background-position: -216px -20px; } #cn-menu .interier li a:hover { background-position: -288px -20px; } #cn-menu .reserv li a:hover { background-position: -360px -20px; } #cn-menu .contact li a:hover { background-position: -432px -20px; } Картинка такая: Почему не работает псевдо класс a:hover? Вроде правильно сделал.
  8. oke11o
    Спасибо.
  9. oke11o
    <div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?
  10. oke11o
    Есть кусок css и html: body { color: #fff; background: url("../i/bg.jpg") repeat top center; } #wrapper-body { background: url("../i/logo.gif") no-repeat top center; } #wrapper { width: 902px; margin: 0 auto; } #header { background: url("../i/line_alfa.png") no-repeat bottom center; } #h-top { height: 178px; } #content { background: url('../i/cn_padding_left.png') repeat-y left; } #cn-wrap { background: url('../i/cn_padding_right.png') repeat-y right; } #cn-menu { background: url("../i/line_gor.png") no-repeat bottom center; } #cn-menu-wrap { width: 782px; margin: 0 auto; background-color: #001e16; } #h-nav li { display:-moz-inline-stack;/*Firefox 2*/ display:inline-block; /*Хорошие браузеры*/ _overflow:hidden;/*IE6, IE7*/ *zoom:1;/*включаем hasLayout для IE6, IE7*/ *display:inline; list-style: none; } #h-nav { text-align: center; line-height: 32px; } #h-nav li a { color:#3FF;display: block;text-decoration: none; text-transform: uppercase;font-weight: bold; font-size: 10px;line-height: 34px;font-family:verdana,arial,helvetica; padding:0px 10px;} <!-- CONTENT --> <div id="content"> <!-- LAYER для добавления background картинки на правый край --> <div id="cn-wrap"> <!-- MENU --> <div id="cn-menu"> <div id="cn-menu-wrap"> <ul id="h-nav"> <li class="current"><a href="/" title="Главная страница" >Главная</a></li><li class="separator"> </li><li ><a href="/gallery" title="Фото">Фото</a></li><li class="separator"> </li><li ><a href="/menu" title="Меню">Меню</a></li><li class="separator"> </li><li ><a href="/folder/6" title="Музыка">Музыка</a></li><li class="separator"> </li><li ><a href="/interier/dir_1" title="Интерьер">Интерьер</a></li><li class="separator"> </li><li ><a href="/interier/dir_2" title="Резерв">Резерв</a></li><li class="separator"> </li><li ><a href="/folder/10" title="Контакты">Контакты</a></li> </ul> </div> </div> <div id="cn-content"> <div id="cn-text"> content </div> </div> </div> </div> У элемента #cn-menu-wrap хочу изменить margin чтобы был отступ снизу (для отображения линии). Но при любых других значения браузеры margin игнорируют (Даже если width уменьшен.) Не могу понять как установить утступ. А вообще нужно чтобы было видно линии под меню (над content).
  11. oke11o
    Наверное так и буду делать. Спасибо.
  12. oke11o
    Просто gif очень большой получается. Может флеш фон можно сделать как-нибудь. Только я вот ищу как, пока найти не могу.
  13. oke11o
    Макет фиксированный.
  14. oke11o
    Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).
  15. oke11o
    Можно еще маленький вопросик по этим же стилям. Как отцентровать блок music-prior по вертикали, чтобы он был посередине .music-block?
  16. oke11o
    Спасибо. Помогло. Можно уточнить почему? Если бы была указана height, overflow обрезал бы все внутреннее до указанной высоты. PS. position убрал.
  17. oke11o
    Здравствуйте. Вот кусок css и html. /* menu structure */ .menu-row{ margin:5px 0px; border: solid 1px #bababa;background-color: #f5f8fb; } .row-prior { float:left; width:34px;font-size:0px; padding:10px 5px; } .row-pict { float:left; width: 20px; } .row-content { padding:10px; font-size:16px; } .row-tools { float:right; padding:10px; } .row-tools a { text-decoration: none; } /* music structure */ .music-row { position: relative; margin:5px 0px; border: solid 3px #bababa;background-color: #f5f8fb; } .music-block { position: relative; float:left;margin:5px 0px; border: solid 3px #222222;background-color: #00f800; } .music-prior { position: relative; float:left; width:34px;font-size:0px; padding:10px 5px; } <div class="music-structure"> <div class="music-row"> music-row <div class="music-prior"> <a href="./backend/music/prior/top/1" title="Вверх"> <img src="./i/backend/prior_up.png" alt="Вверх"> </img> </a> <a href="./backend/music/prior/down/1" title="Вниз"> <img src="./i/backend/prior_down.png" alt="Вниз"> </img> </a> </div> <div class="music-block"> music-block </div> <div class="row-tools"> <a href="/backend/menu/delete/1" title="Удалить раздел " OnClick="if(!confirm('Вы действительно желаете удалить раздел ''?')) return false;"> <img src="./i/backend/folder_delete.png" alt="Удалить раздел"> </img> </a> </div> </div> </div> <div class="menu-structure"> <div class="menu-row"> <div class="row-prior"> <a href="./backend/music/prior/top/1" title="Вверх"> <img src="./i/backend/prior_up.png" alt="Вверх"> </img> </a> <a href="./backend/music/prior/down/1" title="Вниз"> <img src="./i/backend/prior_down.png" alt="Вниз"> </img> </a> </div> <div class="row-content"> <div class="row-pict"> <a href="./backend/menu/objects/1" title="Изменить данные о композиции"> <img src="./i/backend/music.png" alt="hysteria" align="top"> </img> </a> </div> <div class="row-tools"> <a href="/backend/menu/delete/1" title="Удалить раздел " OnClick="if(!confirm('Вы действительно желаете удалить раздел ''?')) return false;"> <img src="./i/backend/folder_delete.png" alt="Удалить раздел"> </img> </a> </div> <div> <a href="./backend/menu/objects/1" title="Изменить данные о композиции"> hysteria</a> </div> </div> </div> Объясните, пожалуйста, почему элемент music-row не открывается от вложенных в него блоков.
  18. oke11o
    up. Исправил формулировку.
  19. oke11o
    Здравствуйте,подскажите флеш аудиоплеер для сайта. Где есть функции javascript для остановки воспроизведения, если запустился другой трек. Понравился drplayer, но у него нельзя поменять background-color, так как уже скомпилированная swf. Так же смотрел nx_audio_player. Но он почему-то тормозит в FireFox и надо написать хак для IE.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept