AleksejR
Newbie-
Posts
13 -
Joined
-
Last visited
About AleksejR
- Birthday 04/08/1963
Information
-
Sex
Мужчина
-
From
Lithuania Vilnius
-
Interests
Web, юмор, музыка, выращиваю комнатные лимоны, ищу работу,
Contacts
-
Web site
http://www.limon-room.narod.ru
AleksejR's Achievements
Explorer (1/14)
0
Reputation
-
Ну, это само собой понятно. У меня на страницах умеренное количество текста и часто 2-3 фотографии на всю возможную ширину. На что обратить внимание выбирая границы смены стилей ? Я не профессионал, но поверьте, сделаю сайт нормально. Приведенные вами ссылки мне не пригодились.
-
Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 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 правила совершенно различные ??? Такое впечатление что профы пока сами не знают, что делают.
-
градиентов добавь, слишком все плоско.
-
Хорошо, но чуть чуть не то... Цвет все таки надо подправить, в самом верху наверняка нужно темнее, и я бы добавил оттенков
-
Стандартов нет. По мне, так просто резина это плохо. Делайте гибридные варианты. И шрифт в Эмсах.
-
видел на каком то сайте - высоту задали в Эмсах и с запасом, на некоторых страницах получилось много пустого пространства.
-
Спасибо, буду верстать...
-
Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на более широких я не представляю. И еще вопрос - в будущем останется тенденция к увеличению экрана, или остановится на 1440 как на оптимальном для домашнего пользования. Что скажете, профессионалы?
-
Собираюсь делать редизайн сайта. Посоветуйте какой макет выбрать и если фиксированный, то какой ширины? На сайте будет много фотографий, и желательно размером побольше. Каждый год размеры мониторов увеличиваются, поэтому как то засомневался, правильно ли выбрать фиксированный 960пх?
-
Подскажите где можно почитать полный список различий в обозревателях IE, Op, FF, Sf, - я имею в виду установки по умолчанию, глюки, ненормальную трактовку спецификации при верстке на DIV-ах и тп... Я начинающий любитель. Попробовал искать через гугл - ничего не нашел. Я не знаю как это назвать, поэтому через поисковики ничего не нашел. Желательно на русском языке.
-
Спасибо за подсказку как исправить. А, в чем причина? Как это называется? Я люблю понимать что сделал и почему. По моим понятиям должно было работать и без свойства переполнения.
-
испытал приведенный выше код - не совсем то... но overflow: hidden; после некоторых изменений РАБОТАЕТ. Спасибо. Прокомментируйте пожалуйста, что это было - глюк или я напортачил? Я самостоятельно нашел решение, но не уверен, что правильное... Вот оно #header h1 { line-height: 70px; font-size: 30px; color: #CC6633; margin: 0px 0px 0px 350px; padding: 0; } Что скажете ?
-
Я хочу, чтобы текст опустился на 20 пикселей ниже верхней кромки картинки.
-
Я начинающий любитель. Помогите решить проблемму - Без текста в 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; }