Jump to content

SuperJerk

User
  • Posts

    53
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by SuperJerk

  1. Всем привет, очень нужна помощь с одной проблемой: http://jsfiddle.net/qerzR/

    На примере можно увидеть сайдбар (float: left) и основной контейнер (растянут на 100% по высоте) , на больших разрешениях ок, но на маленьких основной контент обрезается. мне нужно, чтобы при маленьких разрешениях не было такой картины: http://gyazo.com/8e5d79e102325880d96d468594d986af

    Спасибо!

  2. а таблицу сделать 400px + отступ? Пустоты в таблице вы вряд ли добьетесь. Я бы 3 колонку лучше воткнул или попробовать уйти от таблицы и сделать это блоками - куда проще получится. Но опять же не зная для чего это делается хз. :)

    Таблица для табличных данных, иначе бы тоже блоками строил :) Спасибо, попробую с отступом.

    и хотелось бы увидеть как у вас получилось сделать 200px для первой ячейки выставив для обеих ячеек одну ширину, ибо у меня они в таком случае равномерно занимают пространство

    Обманул. Случайно, ессно )

  3. Всем привет. Такая проблема:

    есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы).

    Можно ли как-нибудь зафиксить вторую ячейку?

    P.S. Добавлять в конец 3-ю ячейку - не вариант.

  4. За -webkit-only (второй пример) в 2013-м нужно сажать на пару лет за IE8 без права переустановки

    ну скажем... за IE8 в 2013-м нужно вообще расстреливать :devil:

    Прохожу сейчас стажировку в хорошей веб-студии. Недавно чувак писал JS для IE6. Версталось, соответсвенно, тоже под IE6 :)

  5. Вечер добрый.

    Если на этой страничке изменить окно браузера, а затем сдвинуть просматриваемую область горизонтальным ползунком, то видим, что фон хедера шириной 100% "обламывается". Знаю, что этого можно избежать задав body подходящую минимальную ширину. Но есть ли ещё какие-либо способы?

  6. у меня нормально работает до 8 версии. а вот в 7 версии они в столбик, но все равно по центру.


    .parent {
    text-align: center;
    }
    .this-is-inline-block {
    display: inline-block;
    background: brown;
    border: solid 1px black;
    width: 100px;
    height: 50px;
    }

    у IE7 частичная поддержка inline-block. Для нормально отображения надо добавить haslayout и сss-хак *inline.

    Блоки центрируются, но не ровно по центру. Немного влево косят всё равно.

  7. Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы.


    <div class="parent">
    <div class="this-is-inline-block"></div>
    <div class="this-is-inline-block"></div>
    <div class="this-is-inline-block"></div>
    </div>

    Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

  8. Опера 10.50 -- все нормально (не считая того что карусель схлопнулась http://prntscr.com/13cmkv)

    Может у вас просто отключены скрипты в опере?

    Был бы очень благодарен, если бы Вы смогли объяснить причину схлопывания ^_^ Исправил)

    Javascript включен, всё скрипты читаются, но поскольку они на jQuery, то, соответсвенно, не работают. "Undefined $". Однако заходя на другие сайты с jQuery - все ок. Попробую переустановить оперу, что ли... Жесть какая-то

  9. Прошу прощения, забыл ссылочку:

    http://www.sjtestpage.zz.mu/

    Выглядит так как будто вы подключаете jQuery после вашего скрипта

    А вот и нет. В других браузерах то всё окей, иначе бы тема по-иному называлась ^_^

  10. Добрый день/вечер.

    Opera (до 11-ой версии) просто не видит jQuery.

    Консоль оперы пишет: "message: Statement on line "n"( n- строка кода в плагине слайдера) : Undefined variable: jQuery". Выглядит в точности так, как будто я не подключил библиотеку jQuery. Подключал и через CDN, и локально - нифига. Гуглил и ничего не нашел.

    Полдня уже туплю с этим.

  11. Мудрите вы что то.

    Почему бы не взять просто готовые решения или любые другие?

    Хочется именно свой велосипед. Тем более пока не находил адаптивного слайдера, который вмещал в себя пикчу и какой-нибудь текстовый контент (title у <img> не считается).

  12. Всем привет.

    Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно.

    Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужно задавать ul.slider-container relative фиксированную высоту, что, опять же, неприемлимо. Помнится, где-то видел решение такой фигни с помощью js, прошу ткнуть меня носом, если таковое имеется :)

    Не хочу грузить вас тоннами кода, просто был бы очень благодарен, если бы мне кто-нибудь подкинул идею, как всё это реализовать. Спасибо.


    <div class="container">

    <div class="row-fluid">
    <div class="span12">
    <div class="slider-holder">
    <ul class="slider-container">
    <li>
    <div class="slider-image">
    <img src="img/slide.png" alt="pic">
    </div> <!--end slider-image -->
    <div class="slider-content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, deleniti quae nihil corrupti consequatur aut commodi placeat nam facere sed voluptatibus amet sunt in nulla quisquam nesciunt earum repellat officia.
    </p>
    </div> <!-- end slider-content -->
    </li>
    <li>
    <div class="slider-image">
    <img src="img/slide.png" alt="pic">
    </div> <!--end slider-image -->
    <div class="slider-content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, deleniti quae nihil corrupti consequatur aut commodi placeat nam facere sed voluptatibus amet sunt in nulla quisquam nesciunt earum repellat officia.
    </p>
    </div> <!-- end slider-content -->
    </li>

    <li>
    <div class="slider-image">
    <img src="img/slide.png" alt="pic">
    </div> <!--end slider-image -->
    <div class="slider-content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, deleniti quae nihil corrupti consequatur aut commodi placeat nam facere sed voluptatibus amet sunt in nulla quisquam nesciunt earum repellat officia.
    </p>
    </div> <!-- end slider-content -->
    </li>

    <li>
    <div class="slider-image">
    <img src="img/slide.png" alt="pic">
    </div> <!--end slider-image -->
    <div class="slider-content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, deleniti quae nihil corrupti consequatur aut commodi placeat nam facere sed voluptatibus amet sunt in nulla quisquam nesciunt earum repellat officia.
    </p>
    </div> <!-- end slider-content -->
    </li>

    </ul> <!-- end slider-container
    </div> <!-- end slider-holder
    </div> <!-- end span12 -->
    </div> <!-- end row -->
    </div> <!-- end container -->

  13. Итан Маркотт пишет, в основе отзывчивого дизайна лежат:

    - гибкая сетка (т.е. %);

    - гибкие изображения;

    - медиазапросы

    Так что надо юзать и флюид сетку и медиа-запросы. Без гибкой сетки придется для каждого медиа-запроса переписывать ширину всех блоков. Гемор же.

    Для медиа-запросов можно ещё использовать http://code.google.c...ediaqueries-js/

  14. Видео уроки "Евгения Попова" всем советую, все доступно и понятно.

    Вы откуда такие берётесь? Партнерка? Евгений Попов стал просто чумой для форумов о вебе.

  15. Спасибо, но эту статью уже читал :) Там проценты победили в случае резиновых макетов и я с этим полностью согласен (а я имею ввиду фикс. ширину).

    При смене параметров клиента, текст в "%" изменялся в разумных пропорциях, что позволяет дизайнерам сохранить читабельность, доступность, и дизайн.

    Только этой статье уже 5 лет и в то время браузеры не очень хорошо умели работать с пикселями. Сейчас же можно нажать хоткей и увеличить страницу, при этом с пикселями будет всё ок.

  16. Всех приветствую.

    Сабж, собсно такой: имеет ли смысл на сегодняшний день, задавать размер шрифта в em? Все более-менее современные и не очень браузеры нормально зумят шрифт, который задан в px ( да и зумить страницу гораздо проще, чем лезть в настройки и менять размер шрифта ). Ну а для резины проценты, имхо, гораздо удобней.

    В em меня не устраивает то, что некоторые элементы при увлечении шрифта, ломаются. Например, горизонтальная менюшка: на всю ширину, текст в em. В итоге меню лезет на новую строку... nowrap не катит.

    Как исправлять подобные вещи? Использовать в таких местах px?

  17. А может сначала следует хоть немного покурить дизайн и веб-программирование, а потом уже создавать страницу? Потому что по вашей странице не видно, что вы что-то понимаете в веб-дизайне и пр. Зачем делать такую сырую вещь, которая может отпугнуть потенциального работодателя?

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