SuperJerk

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

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

Всем привет. Такая проблема: есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы). Можно ли как-нибудь зафиксить вторую ячейку? P.S. Добавлять в конец 3-ю ячейку - не вариант.

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

Если не ошибаюсь, то стили нужно прописывать инлайн (прямо в теге).

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

имхо. товарищи, требующие сэнсея в самом начале, уже заранее спёклись

display: none же

Сайт на жестком или на серве? Chrome, например, локально LESS не воспринимает. А с FF всё окей.

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

Это я в примере их упустил. Так-то они есть

Такая трабла: 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. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

Таких слайдеров целая куча. Прогуглите jquery carousel

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

Ребят, я же знаю, что здесь сидят гении инженерной мысли. Неужели никто не знает?

Up

Прошу прощения, забыл ссылочку: http://www.sjtestpage.zz.mu/ А вот и нет. В других браузерах то всё окей, иначе бы тема по-иному называлась

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

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

Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом 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 -->

Итан Маркотт пишет, в основе отзывчивого дизайна лежат: - гибкая сетка (т.е. %); - гибкие изображения; - медиазапросы Так что надо юзать и флюид сетку и медиа-запросы. Без гибкой сетки придется для каждого медиа-запроса переписывать ширину всех блоков. Гемор же. Для медиа-запросов можно ещё использовать http://code.google.c...ediaqueries-js/

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

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

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

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