-
Posts
53 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Posts posted by SuperJerk
-
-
а таблицу сделать 400px + отступ? Пустоты в таблице вы вряд ли добьетесь. Я бы 3 колонку лучше воткнул или попробовать уйти от таблицы и сделать это блоками - куда проще получится. Но опять же не зная для чего это делается хз.
Таблица для табличных данных, иначе бы тоже блоками строил Спасибо, попробую с отступом.
и хотелось бы увидеть как у вас получилось сделать 200px для первой ячейки выставив для обеих ячеек одну ширину, ибо у меня они в таком случае равномерно занимают пространство
Обманул. Случайно, ессно )
-
Всем привет. Такая проблема:
есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы).
Можно ли как-нибудь зафиксить вторую ячейку?
P.S. Добавлять в конец 3-ю ячейку - не вариант.
-
За -webkit-only (второй пример) в 2013-м нужно сажать на пару лет за IE8 без права переустановки
ну скажем... за IE8 в 2013-м нужно вообще расстреливать
Прохожу сейчас стажировку в хорошей веб-студии. Недавно чувак писал JS для IE6. Версталось, соответсвенно, тоже под IE6
-
Если не ошибаюсь, то стили нужно прописывать инлайн (прямо в теге).
-
Вечер добрый.
Если на этой страничке изменить окно браузера, а затем сдвинуть просматриваемую область горизонтальным ползунком, то видим, что фон хедера шириной 100% "обламывается". Знаю, что этого можно избежать задав body подходящую минимальную ширину. Но есть ли ещё какие-либо способы?
-
имхо. товарищи, требующие сэнсея в самом начале, уже заранее спёклись
-
display: none же
-
Сайт на жестком или на серве? Chrome, например, локально LESS не воспринимает. А с FF всё окей.
-
у меня нормально работает до 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.
Блоки центрируются, но не ровно по центру. Немного влево косят всё равно.
-
ковычки упустил
Это я в примере их упустил. Так-то они есть
-
Такая трабла: 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
-
Опера 10.50 -- все нормально (не считая того что карусель схлопнулась http://prntscr.com/13cmkv)
Может у вас просто отключены скрипты в опере?
Был бы очень благодарен, если бы Вы смогли объяснить причину схлопывания Исправил)
Javascript включен, всё скрипты читаются, но поскольку они на jQuery, то, соответсвенно, не работают. "Undefined $". Однако заходя на другие сайты с jQuery - все ок. Попробую переустановить оперу, что ли... Жесть какая-то
-
Ребят, я же знаю, что здесь сидят гении инженерной мысли. Неужели никто не знает?
-
Up
-
Прошу прощения, забыл ссылочку:
Выглядит так как будто вы подключаете jQuery после вашего скрипта
А вот и нет. В других браузерах то всё окей, иначе бы тема по-иному называлась
-
Добрый день/вечер.
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?
-
А может сначала следует хоть немного покурить дизайн и веб-программирование, а потом уже создавать страницу? Потому что по вашей странице не видно, что вы что-то понимаете в веб-дизайне и пр. Зачем делать такую сырую вещь, которая может отпугнуть потенциального работодателя?
- 1
Растянуть контейнер
in HTML Coding
Posted
Всем привет, очень нужна помощь с одной проблемой: http://jsfiddle.net/qerzR/
На примере можно увидеть сайдбар (float: left) и основной контейнер (растянут на 100% по высоте) , на больших разрешениях ок, но на маленьких основной контент обрезается. мне нужно, чтобы при маленьких разрешениях не было такой картины: http://gyazo.com/8e5d79e102325880d96d468594d986af
Спасибо!