Jump to content

GstarMax

Newbie
 View Profile  See their activity

  • Posts

    21

  • Joined

  • Last visited

 Content Type 

Everything posted by GstarMax

  1. GstarMax
    Спасибо!!! та нет, это так пример
  2. GstarMax
    Здравствуйте Есть такой код: <div class="blok"> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> </div> Как на jquery посчитать количество div'ов в div class="blok"?
  3. GstarMax
    Спасибо, live("click", function(){}) помогло!!
  4. GstarMax
    Здравствуйте Сделал небольшой слайдер. Изначально кликая на миниатюры картинок, слайды переключаются. Но если пролистать полный круг и кликнуть на миниатюру, то слайды перестают переключаться, а происходит переход по ссылке. Как это можно исправить? В какую сторону смотреть? Сам слайдер залил на filestore.com.ua JQuery такой $(document).ready(function(){ var l; /* меняет слайды при клике на кружечки */ $("#nomer a").click(function(eventObject){ l=$(this).attr("href"); $(".active").removeClass(); $(this).attr("class","active"); $("#big").hide().attr("src",l).fadeIn(250); $(".bighref").attr("href", $(this).attr("rel")); eventObject.preventDefault(); }); /* меняет слайды при клике на миниатюры */ $(".a-carousel-image-link img").click(function(eventObject){ l=$(this).attr("src"); $(".active").removeClass(); $("#big").hide().attr("src",l).fadeIn(250); $(".bighref").attr("href", $(this).attr("rel")); eventObject.preventDefault(); return false; }); /* гортает миниатюры вверх */ $(".b-carousel-button-down").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({top: "-184px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации. $(".h-carousel-items .a-carousel-image-link").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели $(".h-carousel-items .a-carousel-image-link").eq(0).remove(); // удаляем первый элемент карусели $(".h-carousel-items").css({"top":"0px"}); // возвращаем исходное смещение набора набора элементов карусели }, 300); }); /* гортает миниатюры вниз */ $(".b-carousel-button-up").click(function(eventObject){ // при клике на левую кнопку выполняем следующую функцию: $(".h-carousel-items .a-carousel-image-link").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора $(".h-carousel-items").css({"top":"-184px"}); // устанавливаем смещение набора -222px $(".h-carousel-items").animate({top: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку $(".h-carousel-items .a-carousel-image-link").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его }); });
  5. GstarMax
    как это, полезные вещи всегда надо!! страница не найдена, проверьте ссылку
  6. GstarMax
    Ну очень крутая штука. Много настроек. Скомбинировал то, что мне нужно!!!! Всем спасибо за подсказки!!!
  7. GstarMax
    Устроит
  8. GstarMax
    Всем привет Подскажите слайдер с постоянной прокруткой картинок. Они должны прокручиваться все время и с одинаковой скоростью. Я уже обыскался в гугле...
  9. GstarMax
    я присвоил .menu ul так как Вы сказали тоже работает.
  10. GstarMax
    Что-что? Видимо, что-то не то читали. убрал я px, только вот ничего не меняется, может кто-то попробует правильно поставить его... хух, сделал, нужно было в .menu ul поставить z-index:500; как обычно, на элементарном парюсь. Всем спасибо за ответы!!! /*** выпадающие пкнкты */ .menu ul { position:absolute; left:-9999px; list-style:none; z-index:500; }
  11. GstarMax
    читал я про него и ставил, не помогает.
  12. GstarMax
    Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a></h1> </div> <nav> <ul class="menu"> <li><a class="active" href="index.html">Home</a></li> <li><a href="about.html">О сайте</a></li> <li> <a href="#">Форсаж</a> <ul> <li><a href="#">Форсаж 6</a></li> <li><a href="#">Форсаж 7</a></li> </ul> </li> <li><a href="repair.html">Repair</a></li> <li><a href="price.html">Price List</a></li> <li><a href="locations.html">Locations</a></li> </ul> </nav> </div><!-- main --> </header> <!--==============================content=================================--> <section id="content"> <div class="main"> <div class="conteiner"> <h2>Добро пожаловать!</h2> <p class="p1">Это сайт фаната серии фильмов "Форсаж". Мне очень нравятся эти фильмы, и я решил присвятить этой теме свой сайт. Если Вы с нетерпением ждете новых частей, то присоеденяйтес - вместе время пройдет быстрей!</p> <div class="line"></div> <p class="p1"> ldfkls lfk lsdfl dl kf sldfk flsdk fl<p> </div> </div> </section> <!--==============================footer=================================--> <footer> <div class="main"> Форсаж <span>©</span> 2013 <br> Сайт фаната серии "Форсаж" </div> </footer> </div><!-- bg --> </div><!-- main-bg --> </body> </html> style.css html {width:100%; height:100%;} body {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#7f7f7f; min-width:960px; margin:0; padding:0; background-color:#000000;} .main-bg {width:100%; min-height:100%; background:url(../images/main-bg.jpg) center top repeat-y;} .bg {width:100%; min-height:100%; background:url(../images/bg.jpg) center top no-repeat;} .clear {clear:both;} .wrapper {width:100%; overflow:hidden;} .main {width:960px; margin:0 auto; padding:0; color:#666666;} h1 { float:left; padding:45px 20px 37px 26px; } h1 a { display:block; width:220px; height:50px; background:url(../images/logo.png) 0 0 no-repeat; } nav { height:52px; width:100%; background:url(../images/menu-bg.png) 0 0 no-repeat; margin-bottom:28px; z-index:500; } .menu {list-style:none;} .menu li { float:left; background:url(../images/menu-spacer.gif) left top no-repeat; position:relative; } .menu li:first-child {background:none;} .menu li a { display:inline-block; text-decoration:none; line-height:25px; padding:12px 28px 12px 29px; font-size:18px; color:#808080; } .menu li a.active, .menu li a:hover {color:#fff;} .menu li:first-child a.active, .menu li:first-child a:hover {background-position:center 15px;} /*** выпадающие пкнкты */ .menu ul { position:absolute; left:-9999px; list-style:none; } .menu ul li { } .menu ul a { white-space:nowrap; display:block; } .menu li:hover ul { left:0; } /***** content *****/ #content { margin:28px 0; width:100%; position:relative; /*z-index:1;*/ min-height:600px; } .conteiner { padding:20px 30px; border-radius:10px; background:url(../images/content-bg.jpg) top left repeat-y; line-height:24px; } h2 { font-size:28px; color:#ffffff; margin:10px 0; } .p1 {margin:10px 0} .line { height:1px; background:url(../images/line.png) left repeat-x; } footer { width:100%; text-align:center; padding-bottom:40px; } footer span {color:#FFF;} reset.css a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } ol, ul { list-style: none; } blockquote, q { quotes: none; } table, table td { padding:0; border:none; border-collapse:collapse; } img { vertical-align:top; } embed { vertical-align:top; }
  13. GstarMax
    Спасибо!! так нормально!!!
  14. GstarMax
    Как сделать, что б он не передавался родителю?
  15. GstarMax
    p { margin: 0; padding: 0; } смысл его так использовать, если не будет отступов между абзацами? нужно сделать так, что б .content не двигался, а абзац опустился.
  16. GstarMax
    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> </html> style body { margin:0; padding:0; font:16px Tahoma, Geneva, sans-serif;} header { display:block; background-color:#0099FF; height:100px; padding:20px; font-weight:bold;} .content { margin:0 auto; min-height:478px; width:900px; background-color:#CCCCCC; padding:0 20px 0 20px;} footer { display:block; background-color:#FF9933; padding:20px; text-align:center;}
  17. GstarMax
    Верстаю сайт. Нужно добавить редактор кода, вроде этого http://www.wisdomweb...query-first.php и вот еще http://www.wisdomweb....fname=jq_index Как это сделать? что нужно подключить?
  18. GstarMax
    Спасибо, это работает! Есть еще такой способ: html { display:table; width:100%; font-size: 100.1%; } body { width:1280px; height:1800px; margin:0; background:url(img/fonbody.jpg) no-repeat red; background-position: top; } только в опере не работает (у меня версия 11.51), а в хроме и FF норм. может кто то знает почему?
  19. GstarMax
    Тоже пробовал, как то не тот эффект, что нужен
  20. GstarMax
    Это не поможет, я уже пробовал.
  21. GstarMax
    Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?
×
×
  • 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