Jump to content

Delat

User
  • Posts

    145
  • Joined

  • Last visited

Everything posted by Delat

  1. Не получается сверстать макет где "шапка" была бы с position: fixed; А сам макет с шапкой, контентом и футером растягивался бы от 980px до 1200px. Высота основного блока (class=content) с контентом растягивается очень сильно, вылазиет справа авто прокрутка - здесь тоже что-то делаю не так. <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>Тест</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&subset=cyrillic' rel='stylesheet' type='text/css'></head><body> <div id=container> <header> logo </header><section class=content> 123<br> 123<br></section><footer> footer</footer></div></body></html>html, body {height: 100%; margin: 0; padding: 0}header, section, footer {display:block}#container { height: 100%; position: relative; max-width: 1200px; min-width:980px; margin: 0 auto;}header { height: 100px; position: fixed; background: #ff0;}section.content { height: 100%; background-color: green; padding-bottom: 60px; /* Высота футера*/}footer { position: absolute; bottom: 0; width: 100%; height: 60px; /* Высота футера */; background: #6cf;}
  2. Подскажите, какой стиль применить чтобы маркеры списка не заходили за границы изображений? В разных браузерах маркеры располагаются по разному. Это FF 27.0: А это в IE 9:
  3. Кто нибудь знает в чем может быть проблема? Почему линк "Подробнее" со свойством clear:both не хочет прижиматься к нижней границе картинки.
  4. Видимо потому, что span - строчный элемент, а div - блочный но это не решает проблемы и со span и div - блок категория не на заланированном месте
  5. Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.
  6. О, спасибо, не заметил. Теперь работает! Профи, кто-нибудь, подскажите как оформить-то!?
  7. Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался
  8. С сайта htmlbook.ru Сначала c html, затем css
  9. тут определенно лучше дополнительный хороший монитор. а по каким параметрам выбирать, как отличить хороший, только по разрешению экран или что?
  10. Вот у меня уже давно вопрос один есть, если мне нравится не только заниматься версткой, но и делать дизайн в Photoshop, то какой ноутбук необходимо покупать, чтобы глаза не уставали и цвета были хорошо видны? Дело в том, что на моем нынешнем ноутбуке цвета отображаются под углом то темнее, то светлее (смотря как наклонить монитор), а на ЖК-мониторе ещё подругому (другая контрастность, может где-то блеклость). Везде настройки стоят по умолчанию. Или может быть мне стоит сходить проверить зрение
  11. Правильно поняли, ваше решение помогло, спасибо
  12. Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.
  13. Как сделать, чтобы у внешней ссылки позади нее, размещенной в теле статьи, был значок в виде изображения (например, как на сайте htmlbook.ru) ? Я хотел было сделать так, но не работает. a[rel=nofollow]:after {content: ""; background-image: url(../images/template/blank.png);} Подскажите изящный вариант :-)
  14. Ты не первый с такой просьбой, поищи в поиске по форуму темы - там найдешь ответ.
  15. а если ты у себя не можешь в небольшом городе найти работу, то тогда тоже подойдет, ведь нельзя развиваться только в своей комнате и виртуально видеть фэйсы своих друзей/знакомых только на экране
  16. у меня картинки все разные, то есть размер картинок. Сделать скажем их все разрешением свыше 1920px нет возможности. А так впрочем я и делал : height:auto; max-width:50%; но как видите на скриншоте, не все картинки масштабируются как надо.
  17. Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова картинка расползалась:
  18. Delat

    Сабменю

    нет, не зря! Очень помогаете, спасибо!
  19. Delat

    Сабменю

    если задать для сабменю z-index:-1; то слой сместится под основной слой (к примеру) и будет невидимым, а при наведении курсора на ссылку, задать параметр z-index:2; чтобы слой увидеть. Такие вещи можно делать? В http://jsfiddle.net у меня не получалось сделать.
  20. Delat

    Сабменю

    http://jsfiddle.net/DC3zZ/4/ Почему красный блок не начинается внизу от края внешней границы? Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"? Почему сласс "fon" не заполняет цветом всё пространство окошка? Можно реализовать такое меню свойством z-index не используя display:none; ?
  21. не, нет ошибок, кроме трех строк на background: -webkit-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: -ms-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: -o-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%);
×
×
  • 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