- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Может быть, совсем глупый вопрос, но я очень слабо разбираюсь в html.
Прочел в книгах, что нужно стремиться к тому, чтобы сайт на разных разрешениях экрана выглядел одинаково. Никак не пойму, как этого достичь практически. Картинки ведь свой размер не изменят в зависимости от разрешения. Значит, остается текст и общее расположение различных обьектов относительно друг друга.
В каких единицах нужно задавать размер текста, чтобы этот текст казался одинаковым при разном разрешении? Я посмотрел статистику, сейчас два распространенных разрешения - 1024х768 и 1280х1024. Разница между ними приличная. И выходит так, что если текст в 1024х768 выглядит нормальным, то в 1280х1024 он слишком мелкий, и наоборот.
И по-моему, так получается независимо от того, в каких единицах я задаю - в процентах, в пикселях, в поинтах, в em.
Знатоки, подскажите, пожалуйста, какими единицами надо пользоваться. Я надеюсь, что это всем профи известно, ведь текст - это основное на сайте.
Vlad97, ну, вот CSS моего хомяка-
<style type="text/css">
<!--
P, BODY, TD, TABLE {font-family: Verdana, Arial; font-size: 8pt}
P, BODY, TD, TABLE {color: Navy}
#copy {font-size: 7pt; color: #9900cc}
H1 {text-align : center; font-size: 18}
H2 {text-align : center; font-size: 16}
H3 {text-align : center; font-size: 14}
H4 {text-align : center; font-size: 12}
.bar A {text-decoration: none; text-align : center; font-size: 9}
.asd TD {bordercolor: red; bordercolordark: red}
-->
</style>
Основной текст- 8pt виден нормально при любых разрешениях.
Значит, в поинтах надо задавать?
А вот в этой строке:
H4 {text-align : center; font-size: 12}
текст в каких единицах? Почему единицы не указаны? Это тоже в pt?
MarMih, Vlad97,
Зачем же фиксировать размер шрифта?
Я рекомендую указывать размеры только в процентах.
Вот так:
Это тоже в pt?
Если pt не указано, значит в pt :)
Kimi, не знаю... я так привык :-) Я понимаю так, что при указании в %, размер текста будет "плыть" за разрешением?
Kimi, не знаю... я так привык :-) Я понимаю так, что при указании в %, размер текста будет "плыть" за разрешением?
За настройками браузера: "-" и "+" размера шрифта.
Если размер не фиксить точно - то начинаются растяжки и выходы за поля. Особенно это печально получается при дивной верстке в xhtml.
Я сейчас попробовал то и другое. И в pt и в процентах размер шрифта меняется с изменением разрешения. Не очень сильно, но меняется. Может быть, это нормально, а я просто не понимаю?
Попробовал на этот сайт посмотреть при разных разрешениях - тоже меняется. А уж здесь-то наверняка все правильно сделано.
При задании размера в pt один и то же текст смотрится почему-то красивее. Не понимаю почему.
Если размер не фиксить точно - то начинаются растяжки и выходы за поля. Особенно это печально получается при дивной верстке в xhtml.
А что такое "дивная верстка в xhtml"?
На этом сайте, кстати, в pt задано - только что посмотрел.
Vlad97, более продвинутая разметка для документа. Требует большей квалификации верстальщика, так как очень чувствительна даже к малейшим ошибкам + замороки по кроссбраузерности (различное понимание спцификации css2 IE, FireFox'ом и Opera). Базируется на том что весь контент помещается в div'ы, а разметка задется в css. Грубо говоря, если не вникать в некоторые спецификации, css2 + html = xthml.