Jump to content

penchukov

User
  • Posts

    96
  • Joined

  • Last visited

Posts posted by penchukov

  1. Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

    Есть. Использовать live()

    Слышал про такое, не подскажите где можно найти живой пример или готовый скрипт.. Даж не знаю в каком направлении юзать

    Надо посмотреть как ты инитишь фенсибокс.

    $(function() {
    //событие применится только к тем линкам которые есть при загрузке странички.
    $('a').click(function() {});

    //событие будет отрабатыватся на всех линках, даже подгруженных аяксом
    $('a').live('click', function() {})

    //начиная с версии jQuery 1.7 лучше вместо live использовать on
    $(document).on('click', 'a', function() {});

    // или после загрузки аяксового контента инитить фенсибокс тем линкам которые подгрузились аяксом
    });

    Спасибо большое!

    Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

    Есть. Использовать live()

    Слышал про такое, не подскажите где можно найти живой пример или готовый скрипт.. Даж не знаю в каком направлении юзать

    Надо посмотреть как ты инитишь фенсибокс.

    $(function() {
    //событие применится только к тем линкам которые есть при загрузке странички.
    $('a').click(function() {});

    //событие будет отрабатыватся на всех линках, даже подгруженных аяксом
    $('a').live('click', function() {})

    //начиная с версии jQuery 1.7 лучше вместо live использовать on
    $(document).on('click', 'a', function() {});

    // или после загрузки аяксового контента инитить фенсибокс тем линкам которые подгрузились аяксом
    });

    	<script type="text/javascript">
    $(document).ready(function() {


    $("a#example1").fancybox();


    });

    </script>

    Почему не работает?

    	
    <script type="text/javascript">
    $(document).ready(function() {
    $("a").live("click", function(){
    $("a#example1").fancybox();

    $("a#example2").fancybox({
    'overlayShow' : false,
    'transitionIn' : 'elastic',
    'transitionOut' : 'elastic'
    });
    });
    });

    </script>

    Все разобрался!! Всем огромное спасибо!

  2. Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??

  3. Я знаю. Случайно придумал так сделать, а вообще вы не расположите по ширине текст, увы...

    Вообще то я не правильно выражаюсь.

    Здесь вообще нет проблемы. Что вы видите это и есть то, что вам нужно. Это и есть выравнивание по ширине. Здесь, однозначно, будет сжатите или расширение. И пробелов - лучше, чем букв)

    с этим я соглашусь. я думаю единственный способ это увеличивать блок, для внятной обработки.

    все-таки спасибо за отзывчивость)

  4. Я исправил)

    все браузеры корректно отображают?

    Я про свой комментарий, первый.

    Проверьте, не знаю, вроде должны. Просто, если они сам текст по разному отображают, то наверное и решение...проверьте, скажите

    спасибо за совет, но итог такой. где-то помогает, а где-то смещается, это не решение, когда текста много.

  5. Нет

    Но в зависимости от того, что вам необходимо в итоге, можно подобрать разные варианты.

    В итоге, чтобы пробелы одинаковые были, и выравнивание по всей длине. думал решить проблему переносами,при помощи js. итог не радует т.к на примере выходит такое (пер-енос).

    Неужели не решить проблему?

  6. грубо говоря ситуация такая


    <div style="text-align: justify; font-size:11px; width:250px;">
    <p>Текста на 100 символов. Строк 10-11.</p>
    </div>

    Что и следовало ожидать текст выравнивается по левому и правому краям блока.

    Но расстояние между словами ужасное.

    Можно ли как-нибудь бороться с этим делом?

  7. код такой




    <div id="block-all">

    <div id="header">

    <div class="left-img-header">
    </div>

    <div class="right-img-header">
    </div>

    <div class="block-header">

    <div class="left-img-block-header">
    </div>

    <div class="consol">

    <script src="#"></script>
    <ul id="horizontal-multilevel-menu">
    <li><a href="/index.php" class="root-item-selected">#</a></li>
    <li><a href="" class="root-item">#</a></li>
    <li><a href="" class="root-item">#</a></li>
    <li><a href="" class="root-item">#</a></li>
    <li><a href="" class="root-item">#</a></li>
    </ul>
    <div class="menu-clear-left"></div>


    </div>

    <div class="right-img-block-header">
    </div>
    </div>

    </div>

    <div id="container">

    <!-- column-->
    <div class="left-column">
    <div class="left-img-content">
    <img src="#" height="248" width="35">
    </div>

    <div class="left-img">
    </div>
    </div>

    <div class="right-column">
    <div class="right-img-content">
    <img src="#" height="357" width="60">
    </div>

    <div class="right-img">
    </div>
    </div>




    <div id="content">




    <p>
    #
    </p>


    </div><!—content—>
    </div>

    <div id="footer">

    </div>
    </div>




    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    }
    body {
    margin: 0;
    padding: 0;
    background: url('#') repeat;

    }


    #block-all{
    margin:0 auto;
    width:1000px;
    overflow:hidden;}

    /*Links*/
    a:link {color: #486DAA;}
    a:visited{color:#8C9AA8;}
    a:active {color: #486DAA;}
    a:hover{color:#DD0000;}



    #header
    {
    width:1000px;
    float:left;
    height:82px;
    }

    .left-img-header{
    background: url('#') left no-repeat;
    width:545px;
    height:54px;
    overflow:hidden;
    float:left;
    }

    .right-img-header{
    background: url('#') right no-repeat;
    width:454px;
    height:54px;
    overflow:hidden;
    float:left;
    }

    .block-header{
    float:left;
    width:1000px;
    overflow:hidden;}

    .left-img-block-header{
    float:left;
    background: url('#') left no-repeat;
    width:35px;
    height:28px;
    }

    .right-img-block-header{
    float:right;
    background: url('#') right no-repeat;
    width:55px;
    height:28px;
    }

    /*Navigation*/

    .consol{
    width:910px;
    height:28px;
    float:left;
    overflow:hidden;
    background:#ffffff;
    }

    /*———--content————-*/
    #container{
    float:left;
    width:1000px;
    height:100%;
    overflow:hidden;
    margin-bottom:-240px;
    }

    #content{
    float:left;
    width:905px;
    overflow:hidden;
    background:#ffffff;
    height:100%;
    }

    .left-column{
    float:left;
    overflow:hidden;
    width:35px;
    height:100%;
    }

    .right-column{
    float:right;
    overflow:hidden;
    width:60px;
    height:100%;
    }

    .left-img{
    float:left;
    width:35px;
    height:100%;
    background: url('#') right top repeat-y;
    }

    .right-img{
    float:left;
    width:60px;
    height:100%;
    background: url('#') left top repeat-y;
    }

    .left-img-content{
    float:left;
    width:35px;
    height:248px;
    }

    .right-img-content{
    float:left;
    width:60px;
    height:357px;
    }


    /*———— footer —————--*/
    #footer{
    float:left;
    width:1000px;
    height:240px;
    background: url('#') top no-repeat;
    }

  8. думаю перекрывают они у него по z-index

    попробуй для блоков по краям выставить z-index меньше чем у футера и учти, что z-index работает только с position элементами

    а img по бокам должны с середины страницы начинаться? или от хэадера?

    z-index не при чём.. Нет position у блоков вообще.

    С середины. В боковых блоках лежат 2 дива, один сверху в нем Img, следующий блок с background repeat-y height:100; .

    Маргин помог, но проблема решается если у футера background сплошной, а у меня внизу есть прозрачные места. Получается что контент под футер ложиться, со своим background

    margin помог для мозилы) опера тихий ужас

  9. На форуме уже достаточно много тем по этому вопросу, смотрите прикрепленные.

    В двух словах: футер надо поднимать вверх (например, отрицательным марджином). Иначе получается следуюее:

    Высота окна 1000px блока. Высота футера 150px. 1000+150 = 1150, что больше высоты окна.

    Пробовал. Футер уходит под эти блоки, они его перекрывают

    Задал отрицательный маргин для контента, футер на месте. А контента Img репитится под ним, так как background для футера в формате png, низ прозрачный)

  10. 1396372m.jpg

    Проблема в том , что я не могу сделать следующую вещь. На рисунке есть два контейнера в контенте, у которых есть Img repeat-y. По мере увелечения контента они расширяются. Я задал им height: 100%. Логично что они растягиваются до конца окна браузера. Но как мне сделать, чтобы они растягивались до начала блока footer, и в то же время не было полосы прокрутки? и footer не уходил вниз...

  11. Всегда стоит обратить внимание на первое впечатление посетителя..

    Мои ощущения:

    1.Депрессия , вызванная палитрой цветов сайта.

    2. Фото девушки (оставлю без комментариев).

    3. Позиционирование сайта справа... Ну так для сведения, это мертвая точка, ну в общем думаю это такой психологический ход, навеять чертовщины посетителю.

    4. Я сомневаюсь , что твоя подруга психолог ломает психику людям, но сайт претендует на должность Психодел.

    5. Картинки ужас... Шрифт утонул в тумане навеянным грустью и печалью...

    6. Дальше капать не рискнул.. Рискую обратиться к другому психологу)

  12. Самое главное я считаю - ссылки должны быть подчеркнуты, без этого я просто не представляю сайт)

    Поздравляю, у вас Артемий головного мозга.

    ))ах-ха 5+..

  13. в футере выравнивание странное. курсив в шапке не обоснован. лого не кликабельно

    С сайтом всё ясно... Но а кто сказал что ЛОГО должен быть кликабельным??)) Ну вот кто сказал такое?? Это дело каждого.

  14. Грубо говоря, сайт можно поместить в библиотеку "Как не стоит делать сайты".. ;)

    Совет, просмотреть гору чужих сайтов... Не получилось?? Если нет видения художника, то лучше не браться за дизайн, а изучать код...

    • Like 1
  15. В принципе неплохо. Присутствует полезная информация "Ководства" Арт.Лебедева.) Кто знает , тот поймет..

    Если про конструкцию сайта, то немного все плавает. Совет, над шрифтом не издеваться.. В плане юзабилити, вроде все удобно.

    Идейная составляющая (Свобода выбора, свобода творчества) 4.

×
×
  • 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