Jump to content

AleksejR

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by AleksejR

  1. Ну, это само собой понятно. У меня на страницах умеренное количество текста и часто 2-3 фотографии на всю возможную ширину. На что обратить внимание выбирая границы смены стилей ? Я не профессионал, но поверьте, сделаю сайт нормально. Приведенные вами ссылки мне не пригодились.
  2. Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 1200пх. под мобильники будет сделана отдельная версия на другом домене - будет как отдельный сайт. Пример очень грубый и кривой, не ругайте. http://www.limon-room.narod.ru/nev-mobile/mobile4.html Подскажите как бы вы делали на моем месте? У меня возникли следующие вопросы: 1. А, может не надо пока переходить на HTML5 ? 2. ширина блока с контентом, мне кажется великована, уменьшу до 640пх. Как бы вы сделали ? 3. У меня получается не адаптивный дизайн, а гибрид... может стоит делать нормально(как все) один сайт под все разрешения? Но тут встает вопрос с картинками... 4. Ширина сайта у меня вызывает зуд. Я запутался в промежутке 1024-1280пх. Другими словами большинство посетителей будет 4-6 дюймов или 12-15? Я ширину сайта выбирал из расчета, что мобильные устройства умные, и владельцы умеют ими пользоваться. Поэтому под них подстраиваться нет смысла. Разобрал сотню готовых адаптивных сайтов, верстальщики там ставили @media правила совершенно различные ??? Такое впечатление что профы пока сами не знают, что делают.
  3. градиентов добавь, слишком все плоско.
  4. Хорошо, но чуть чуть не то... Цвет все таки надо подправить, в самом верху наверняка нужно темнее, и я бы добавил оттенков
  5. Стандартов нет. По мне, так просто резина это плохо. Делайте гибридные варианты. И шрифт в Эмсах.
  6. видел на каком то сайте - высоту задали в Эмсах и с запасом, на некоторых страницах получилось много пустого пространства.
  7. Спасибо, буду верстать...
  8. Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на более широких я не представляю. И еще вопрос - в будущем останется тенденция к увеличению экрана, или остановится на 1440 как на оптимальном для домашнего пользования. Что скажете, профессионалы?
  9. Собираюсь делать редизайн сайта. Посоветуйте какой макет выбрать и если фиксированный, то какой ширины? На сайте будет много фотографий, и желательно размером побольше. Каждый год размеры мониторов увеличиваются, поэтому как то засомневался, правильно ли выбрать фиксированный 960пх?
  10. Подскажите где можно почитать полный список различий в обозревателях IE, Op, FF, Sf, - я имею в виду установки по умолчанию, глюки, ненормальную трактовку спецификации при верстке на DIV-ах и тп... Я начинающий любитель. Попробовал искать через гугл - ничего не нашел. Я не знаю как это назвать, поэтому через поисковики ничего не нашел. Желательно на русском языке.
  11. Спасибо за подсказку как исправить. А, в чем причина? Как это называется? Я люблю понимать что сделал и почему. По моим понятиям должно было работать и без свойства переполнения.
  12. испытал приведенный выше код - не совсем то... но overflow: hidden; после некоторых изменений РАБОТАЕТ. Спасибо. Прокомментируйте пожалуйста, что это было - глюк или я напортачил? Я самостоятельно нашел решение, но не уверен, что правильное... Вот оно #header h1 { line-height: 70px; font-size: 30px; color: #CC6633; margin: 0px 0px 0px 350px; padding: 0; } Что скажете ?
  13. Я хочу, чтобы текст опустился на 20 пикселей ниже верхней кромки картинки.
  14. Я начинающий любитель. Помогите решить проблемму - Без текста в div-e все в порядке. Но стоит вставить текст в header … смотрим http://www.limon-room.narod.ru в Опере и FF фоновая картинка шапки сползает вниз, а в IE – нормально. Подскажите пожалуйста как мне испарвить стили. И, в чем причина? Вот это #header h1{margin: 10px 0 0 270px;} странно работает. По горизонтали (270px) все в порядке, а по вертикале фоновая картинка в Op и FF сползает на 10px, привязывается к тексту. <body> <div id="container"> <div id="topshadow"> </div> <div id="header"> <h1>Комнатный лимон</h1> </div> css body { margin: 0; padding: 0; font: 90% verdana, georgia, serif; text-align: center; background: #E3D8BF; } h1, h2, h3 { font-weight: bold; line-height: normal; color: #7C2701; margin: 0 0 .3em 0; } #container { margin: 0 auto; padding: 17px 0 0 0; width: 740px; text-align: left; background: #fff url(/fon/background.jpg) repeat-y 0 0; } #topshadow { font-size: 1px; margin: 0; padding: 0; width: 740px; height: 11px; background: #E3D8BF url(/fon/top-shadow.jpg) no-repeat; } #header { width: 700px; height: 165px; margin: 0 0 0 18px; padding: 0; background: #999999 url(/fon/head.jpg) no-repeat; } #header h1 { font-weight: bold; line-height: normal; color: #CC6633; margin: 10px 0 0 270px; padding: 0; }
×
×
  • 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