Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / автомастшабирование шрифта / 6 сообщений из 6, страница 1 из 1
27.05.2008, 10:46
    #35336711
Саку Койву
Саку Койву
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
Добрый день!!!
есть таблица жестко установленных размеров, внутри нее надпись
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<html>
<head>
<title> Price</title>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 style="width: 320px; height:230px; font-family:Arial; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; border-top: solid 1px #000000;">

<tr>
<td colspan=2 align="center" style="font-size:50pt; font-weight:bold;">6770 руб.</td>
</tr>

</table>
</body>
</html>

увеличим длину надписи:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<html>
<head>
<title> Price</title>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 style="width: 320px; height:230px; font-family:Arial; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; border-top: solid 1px #000000;">

<tr>
<td colspan=2 align="center" style="font-size:50pt; font-weight:bold;">6770000 руб.</td>
</tr>

</table>
</body>
</html>

она разбивается на 2 строки, а мне этого не надо
как сделать, чтоб ее шрифт надписи динамически уменьшался и вся надпись целиком оставалась на одной строке?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.05.2008, 12:15
    #35337059
ЯпСтам
ЯпСтам
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
Ну поставьте
Код: plaintext
font-size:10pt;
А вместо пробелов пишите nbsр;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.05.2008, 18:16
    #35338406
Саку Койву
Саку Койву
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
так хочется, чтоб писало максимально возможным шрифтом, а хтмл генерится программно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.05.2008, 19:18
    #35338578
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
это фантастика
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.05.2008, 20:29
    #35338673
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
автор так хочется, чтоб писало максимально возможным шрифтом, а хтмл генерится программноГенерится он может и правильно, а вот доктайп кривой
автор
Код: plaintext
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

тынц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 01:35
    #35338940
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
автомастшабирование шрифта
по сабжу. Если таблица небольшая, то можно так сделать:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<script>
function resizeColumn (colNum, colWidth, fontSize)
{
	var tbl = document.getElementById("table1");
	for (var i= 0 ; i<tbl.rows.length; i++)
	{
		var oText = tbl.rows[i].cells[colNum].firstChild;
		var fSize = fontSize;
		oText.style.fontSize = fSize+'pt';
		while (oText.offsetWidth > colWidth) oText.style.fontSize = --fSize+'pt';
	}
}
window.onload = function(){resizeColumn ( 0 ,  100 ,  12 );}
</script>

<table id="table1" border="1">
	<tr><td><span> 123456789012345  руб.</span></td></tr>
	<tr><td><span> 123456789  руб.</span></td></tr>
	<tr><td><span> 123456  руб.</span></td></tr>
</table>

Но если таблица больших размеров, то ресайз будет заметен. Для моноширинных шрифтов можно подобрать ширину символа и тогда обходиться без offsetWidth.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / автомастшабирование шрифта / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 401ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456430]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 54ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 260ms
total:  401ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]