caprella

User
  • Content count

    59
  • Joined

  • Last visited

Community Reputation

38 Хорошая

About caprella

  • Rank
    Участник
  • Birthday 07/02/1984

Contacts

  • Web site
    http://
  • ICQ
    0

Information

  • Sex
    Женщина
  • From
    Донецк
  1. Не могу успокоиться Выходит довольно интересная задача, потому что ширину блока нужно задавать в процентах от ширины окна, но при этом эти блоки должны слайдиться. Немного помучив разметку, нашла только вариант с использованием js и динамическим расчетом ширины каждого блока в слайдере. Буду внимательно следить, вдруг кто предложит изящный вариант только с использованием css.
  2. Из-за обилия <script> между блоками <a> лениво было считать, сколько там этих <a>, но судя по id (cat_0 - cat_N) все логично получается. Отображаются все блоки по id="cat_19", т.е. ровно 20 штук, ведь для каждого .cat задана ширина в 5%. Таким образом, независимо от ширины родительского дива, на каждую категорию выделяется 5% его ширины, поэтому 21-ый элемент уже не помещается, опускается вниз под ленту блоков и обрезается родительским контейнером. Если позволяет ТЗ, попробуйте задать ширину каждого блока в px вместо %, а родительский контейнер сделать заведомо большего размера, чтобы все это вместить. Хм.. полистала и поняла, зачем задается в процентах
  3. Вот, можете глянуть такой вариант http://jsfiddle.net/caprella/Srrjj/. Как по мне, не самый элегантный, но другого способа не придумала Я его предлагала на stackoverflow, там вроде похожая проблема была. Это после того, как вы исправили код по совету rus?
  4. caprella

    User agent stylesheet

    А какое из свойств вы пробуете переопределить? Я наблюдаю у себя в хроме такую же картину, что и у вас на скриншоте. И вроде бы все логично: браузерные font-size и font-weight переопределены в вашем reset, марджины тоже ваши подхватываются, display вы не переопределяете. Возможно, вы имеете в виду то, что эти user agent правила переопределяют те, что идут в инспекторе ниже, но тут тоже логично, потому что ниже идут унаследованные стили (Inherited from.. на скриншоте), а они всегда имеют приоритет ниже по сравнению с теми правилами, которые применены непосредственно к элементу.
  5. caprella

    User agent stylesheet

    а в браузере какие-нибудь пользовательские стили не прописаны? и было бы неплохо посмотреть на код, а не только скриншот
  6. Могу предложить такой вариант http://jsfiddle.net/caprella/rzGxx/ При таком подходе боковые колонки тянутся под основной контент, но можно с растягиванием химичить и дальше.
  7. Интересное решение, я бы не додумалась Подскажите, плз, почему именно такой набор свойств в .t:after.
  8. caprella

    Reset или normalize или ?

    Для себя решила, что ресеты - это хорошо, но там, где нет администрируемого контента, или там, где администратор может редактировать контент одного-двух блоков. Иначе постоянно сыпятся проблемы "я вот тут добавил список, а маркеров нет" или "а где отступы у абзацев" и т.д.
  9. У меня при загрузке тоже ничего не видно, но судя по css, текст будет видимым при фокусе ссылки. Я кликнула в поле Result и табуляцией перевела фокус на <a> - так работает.
  10. Выложите код на http://jsfiddle.net/
  11. caprella

    Растягивается

    А я вообще не поняла, что и куда должно тянуться
  12. Это очистка float шалит. Попробуйте, например, чистить при помощи overflow: hidden (.clear убираем, родителю ставим overflow: hidden) или задайте более навороченные стили для .clear (вот здесь http://habrahabr.ru/post/189118/, например, можно глянуть в разделе очистки float'ов)
  13. Так ваш кусок кода и отображается. Фон имеет цвет, блоки высоту и цветные границы. Если вы напишете какой-то текст в разметке или вставите картинку, они будут видны.
  14. В общем, все-таки остановилась я на display: table. Всем спасибо за помощь и поддержку
  15. Да, задача как раз в том, как ограничить ширину каждого пункта, чтобы текст переносился в его границах. Только вот max-width не совсем подходит, потому что текст в каждом пункте ведь разный, и при таком варианте придется для каждого пункта отдельно выставлять этот max-width. Буду сейчас пробовать использовать max-width в %