Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Компромисс читабельности и кол-ва букв, на мелком экране 
:(
    Опции темы
Win MK 32
Дата 17.8.2009, 18:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 492
Регистрация: 15.7.2002

Репутация: нет
Всего: нет



Подскажите пожалуйста, какие CSS стили (шрифт там, всяческие отступы) вы бы посоветовали, чтобы сделать текст читаемым в диве:
Код
div {
  border:solid;
  border-width:1px;
  
  width:91px;
  height:92px;
  padding:1px;
}


Что сейчас имею:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
    background-color:#000;
    color:#0F0;
    font-size:11px;
    font-weight:bold;
    line-height: 70%;
}
div {
  border:solid;
  border-width:1px;
  
  width:91px;
  height:92px;
  padding:1px;
}
</style>
</head>
<body>
  <div>Лорем ипсум текст и все такое. Текст такой текст. Он того, очень большой, хотя и с мелкими буковками, которых в нем сотни их. Такие дела.</div>
</body>
</html>
 

И как мне узнать точно сколько же буковок умещается? Буквы-то разные бывают по ширене.
PM   Вверх
Guiness
Дата 18.8.2009, 08:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 37
Регистрация: 18.8.2009

Репутация: нет
Всего: нет



Всмысле читаемым? Вам необходимо подобрать цвет букв и фона?
Тогда так:
Код

<style>
body {
    background-color:#000;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    line-height: 70%;
}
div {
  border:solid;
  border-width:1px;
  padding:5px;
  width:11em;
}
</style>

А то хотелось глаза вырвать из-за цвета.
Еще можно было бы выбрать шрифт без засечек - будет лучше смотреться.
PM MAIL   Вверх
bars80080
Дата 18.8.2009, 09:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



нет, он пытается разместить текст в квадрате 92*91, и спрашивает при каких размерах и типе шрифта текст будет наиболее читабельным.
имхо, просто надо сесть и попробовать
PM MAIL WWW   Вверх
Win MK 32
Дата 18.8.2009, 13:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 492
Регистрация: 15.7.2002

Репутация: нет
Всего: нет



Нет, я не про цвет. Цвет всегда можно будет сменить. Фон должен быть черным, для того, чтобы пикселы не выгорали на устройстве.

А вот какой шрифт выбрать - я понятия не имею. Тем более не знаю что такое засечки. И кстати сойдет даже самый редкий кирилический шрифт, потому что использоваться будет только на моем устройстве.
PM   Вверх
bars80080
Дата 18.8.2009, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Arial Narrow возможно
PM MAIL WWW   Вверх
Guiness
Дата 18.8.2009, 22:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 37
Регистрация: 18.8.2009

Репутация: нет
Всего: нет



попробуй Calibri, Verdana, Arial и т.д. завтра попробую поперебирать шрифты, что-нибудь предложу.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.2710 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.