Jump to content

adelante

Newbie
  • Posts

    28
  • Joined

  • Last visited

Everything posted by adelante

  1. <body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работать?
  2. Здравствуйте. Страница имеет body{width: 1500px} и <meta name="viewport" content="width=1500">. По моим представлениям того, как работает viewport, при загрузке страницы она должна быть видна во всю ширину. Реально же, похоже, так получается только если iPhone/iPad так сказать в landscape mode, повёрнутый набок. В вертикальном же положении имеет подобную картину: Я пробовал также экспериментировать с initial-scale и ещё с чем-то, но вот лучше этого, что есть, пока ничего не получилось. Есть ли идеи у кого-нибудь, как пофиксить это дело?
  3. Вот на этой странице http://demo.romanreimche.com/questtravel/?post_type=tours&wz_country=&wz_month=&wz_type=&wz_ajax=&wzi_season=2 На MacBook Air 11'' в Сафари и Хроме есть дефекты: - кнопки-буквы слева не помещаются и последние буквы рядов становятся новыми рядами - внизу страницы, сразу после оранжевого блока с подпиской, логотипы, которые должны быть "в одну строчку", не помещаются и последний переносится. При этом на MacBook 13'' всё нормально, как и на iMac и на мониторе Samsung 24''. Как и в iOS. Это что за беду такую я нашёл? P.S. Просьба обладателям маленьких мониторов протестировать. Особенно, если есть обладатели MacBookAir 11'' с ОС НЕ Mountain Lion.
  4. Сейчас текс на сайте находится в кодировке UTF-8, но сервер отдаёт страницу с заголовком charset=windows-1251, так как заголовок ответа сервера имеет приоритет над указанием кодировки в теле документа. Вам нужно с сервера отдавать правильные заголовки. То есть, правильно настроить сервер. Спасибо.
  5. ссылочку на нее можно https://www.facebook.com/alexandra.gooch
  6. данке, можно высказывать восторги Александре Гуч.
  7. Вот уж не думал, что я сохраняю не в utf 8. У меня не один документ. Можно как-то все разом перекодировать? Я в Mac OS X. UPDATE: как перекодировать нашёл (iconv), непонятно только из какой кодировки. Как узнать, в какой кодировке файлы сейчас?
  8. В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?
  9. Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, должен. В чём фишка?
  10. Вот такая структура: <label class="1star"><input type="radio" name="var1" value="1" /></label> CSS: label.1star { background: url('images/1star.png') no-repeat; width: 21px; height: 19px; display: block; } .1star input { position: absolute; left: -999px; } Открываю страницу -- 0 эффекта. Открываю label в firebug -- никаких стилей не назначено. Назначаю вручную элементу в файрбаге -- включаются. если сделать <label style="стили">...</label> -- работает. По логике -- неправильно назначены стили (указаны имена классов/элементов в файле со стилями), но вроде бы всё правильно... Не понимаю. Есть идеи?
  11. действительно ни у кого нет идей?
  12. Вот так шапка сайта выглядит в файрфоксе и примерно так же в других браузерах: А вот так в ie7: Сабмит-кнопка от поиска съехала чёрт знает куда вправо и ниже и два divа как и не было. Вот код: Буду благодарен за помощь в решении бага.
  13. при чём тут он? мне нужно, чтобы высота обёртки изменялась в зависимости от количества (а значит суммарной высоты всех линий) блоков контента, а не прятать не помещающиеся блоки.
  14. Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?
  15. Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; position:relative; float:left; } div.onhover {width:450px; height:150px; display:none; } div.entry:hover .onhover { position:absolute; display:block; } ну и ещё стили для правильного позиционирования изображений и текста. Паддинги там, марджины, всё такое. Я не уверен, что так правильно, просто видел где-то похожую реализацию в плане игры с позиционированием. Таким образом, как я предполагаю, здесь абсолютное позиционирование начинается не от левого-верхнего угла браузера, а от аналогичного угла относительно-спозиционированного слоя, ну и благодаря тому, что позиционирование абсолютное, этот слой просто плавает поверх других, на них не влияя.
  16. Спасибо, deadrash, сделал блоком и марджин-лефт, выглядит теперь нормально. Только всё равно в ИЕ не отображается в принципе
  17. Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset почему-то, ну а в IE не работает вообще ничего. Есть идеи по поводу marker-offset? Для IE я вроде бы нашел вот это, но пока толи я его не так использую, толи оно не работает вовсе. P.S. Альтернативные варианты решения, без участия :after тоже рассматриваются, но сам я пока удовлетворяющего не придумал. P.P.S. Ещё одно решение по эмуляции :after для IE в моей интерпретации не помогло(я, правда, не очень понимаю в этих ие-хаках). Сделал вот так: ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; z-index: expression( runtimeStyle.zIndex = 1, innerHTML = "" + innerHTML + "<img src="images/newcategorymarker.gir" />" ); }
  18. mishka2, спасибо, это как раз то, что я упустил, в смысле черный бэкграунд. А маржин-паддин:0, по незнанию на всякий случай.
  19. Да, бэкграунд лепится именно к div#topnav, как в общем-то и видно из приведённого кода. Everlasting, на вашем скриншоте как-то не видно навменю этого...
×
×
  • 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