32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
1

Как изменить размер шрифта в таблице?

21.12.2015, 10:54. Показов 12889. Ответов 18
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Почему-то шрифт во всей странице изменяется, а в таблице нет, поэтому может кто знает, как это делается?
HTML5
1
2
3
4
5
6
7
</table>
  <tr>
    <td>
         <p><input type="radio" name="razm_txt" value="kn2" onclick="document.getElementById('стрнц').style.fontSize = 'x-large'"/>Крупный</p>
    </td>
  </tr>
</table>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
21.12.2015, 10:54
Ответы с готовыми решениями:

Как изменить цвет и размер шрифта input type="radio"
&lt;input type=&quot;radio&quot; id=&quot;drink1&quot; value=&quot;rad1&quot; checked=&quot;checked&quot;&gt; OPTION 1 ...

Изменить цвет шрифта и размер у title
Доброго времени суток! Подскажите, пожалуйста, как мне изменить у всплывающей подсказки (title) в...

Как изменить размер шрифта
как изменить размер шрифта в формате оси ???????.очень нужно в курсовой работе.помогите...

Как изменить размер шрифта?
Я новичок!) Этот код работает. Как мне изменить размер шрифта этого + / - ? Как то они очень...

18
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
21.12.2015, 11:17 2
Здравствуйте.
Во-первых, у Вас таблица начинается с закрывающего тэга </table>
Во-вторых, "onclick="document.getElementById('стрнц')" - Вы уверены, что правильное название id?
Попробуйте конструкцию:
HTML5
1
2
3
4
5
6
7
8
9
<div id="str">Здесь текст
 <table>
  <tr>
    <td>
         <p><input type="radio" name="razm_txt" value="kn2" onclick="document.getElementById('str').style.fontSize = 'x-large'"/>Крупный</p>
    </td>
  </tr>
 </table>   
</div>
0
32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
21.12.2015, 11:35  [ТС] 3
Спасибо за ответ, но всё равно ни фига не понял области применимости, то что в блоке, увеличивает размер текста только в блоке, а сам размер радиокнопки остаётся неизменным, и текст который, вне блока, если задаёшь таблицу вне блока, та же фигня, где-то увеличивается размер, где-то остаётся без изменений
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>скрипт3</title>
</head>
 <body id="стрнц"> 
 Текст
<div id="str">Здесь текст
 <table>
  <tr>
    <td>
         <p><input type="radio" name="razm_txt" value="kn1" onclick="document.getElementById('str').style.fontSize = 'medium'"/>нормальный</p>
         <p><input type="radio" name="razm_txt" value="kn2" onclick="document.getElementById('str').style.fontSize = 'x-large'"/>Крупный</p>
    </td>
  </tr>
 </table>   
</div>
<p></p>
<p></p>
 <table>
  <tr>
    <td>
         <p><input type="radio" name="razm_txt1" value="kn1" onclick="document.getElementById('стрнц').style.fontSize = 'medium'"/>нормальный</p>
         <p><input type="radio" name="razm_txt1" value="kn2" onclick="document.getElementById('стрнц').style.fontSize = 'xx-large'"/>Крупный</p>
    </td>
  </tr>
 </table>   
</body>
</html>
0
В поисках себя
115 / 89 / 34
Регистрация: 12.11.2015
Сообщений: 529
21.12.2015, 11:41 4
Цитата Сообщение от tmpnik1 Посмотреть сообщение
а сам размер радиокнопки остаётся неизменным
Если речь идет о самом кружечке. То через CSS никак. Точнее можно. Но работать стабильно и правильно не на всех браузерах будет.

Обычно для таких целей делают свои элементы управления и уже потом их стилизируют как удобно.
1
32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
21.12.2015, 11:56  [ТС] 5
Я не стал приводить весь громоздкий код, но если добавить ещё одну колонку в этом примере, и написать какой-нибудь текст, то эффект тот же, в таблице размер у текста не увеличивается, а не только в элементе радиокнопка....
0
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
21.12.2015, 12:08 6
У Вас в указанном примере размер шрифтов не меняется из-за вложенности элементов. Т.е. у вложенного тэга с id='str' размер шрифта остается 'medium', и если вы родителю с id='стрнц' выставляете размер 'xx-large', то у внутреннего размер не сменится.
0
32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
21.12.2015, 12:24  [ТС] 7
для наглядности, можно этот блок убрать id='str', тогда останется чисто таблица и текст, к таблице можно добавить колонку и увидеть, что в этой колонке текст тоже не меняется..
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>скрипт3</title>
</head>
 <body id="стрнц"> 
 Текст
<p></p>
<p></p>
 <table>
  <tr>
    <td>Размер шрифта</td>
    <td>
         <p><input type="radio" name="razm_txt1" value="kn1" onclick="document.getElementById('стрнц').style.fontSize = 'medium'"/>нормальный</p>
         <p><input type="radio" name="razm_txt1" value="kn2" onclick="document.getElementById('стрнц').style.fontSize = 'xx-large'"/>Крупный</p>
    </td>
  </tr>
 </table>   
</body>
</html>
0
Эксперт HTML/CSS
2964 / 2599 / 1068
Регистрация: 15.12.2012
Сообщений: 9,881
Записей в блоге: 11
21.12.2015, 12:57 8
tmpnik1, даже после наглядности до конца не понял чего Вы хотите... Для одного элемента на странице используется только один id - это классы можно использовать пачками...
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>скрипт3</title>
</head>
<body>
 <table>
  <tr>
    <td>Размер шрифта</td>
    <td>
        <p id="first">Большой</p><input type="radio" name="first" onclick="large()">
        <p id="second">Нормальный</p><input type="radio" name="second" onclick="medium()">
    </td>
  </tr>
 </table>
<script>
function large() {
    document.getElementById('first').style.fontSize = "xx-large";
}
function medium() {
    document.getElementById('second').style.fontSize = "medium";
}
</script>
</body>
</html>
0
32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
21.12.2015, 13:12  [ТС] 9
Цитата Сообщение от Fedor92 Посмотреть сообщение
чего Вы хотите
...
Мне не понятно, почему размер текста в таблице не увеличивается
Допустим текст, таблица, внизу кнопка, увеличить текст, почему при применении этой функции ко всей странице увеличения текста, текст в таблице не меняется, таблица разве не принадлежит body, если я через кнопку послал команду увеличить текст в body (т.е. во всей странице), то, так как таблица в иерархии подчиняется объекту body, то и в таблице должен увеличиться текст, а он остаётся неизменный, т.е. он не подчиняется body, т.е. это отдельный объект... так что ли?
0
В поисках себя
115 / 89 / 34
Регистрация: 12.11.2015
Сообщений: 529
21.12.2015, 13:16 10
Цитата Сообщение от tmpnik1 Посмотреть сообщение
так что ли?
Все работает: Пример
0
Эксперт HTML/CSS
2964 / 2599 / 1068
Регистрация: 15.12.2012
Сообщений: 9,881
Записей в блоге: 11
21.12.2015, 13:20 11
Отвечу кодом...
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>скрипт3</title>
</head>
<body  id="first">
 <table>
  <tr>
    <td>Размер шрифта</td>
    <td>
        <p>Большой</p>
        <p>Нормальный</p>
    </td>
  </tr>
 </table>
<button onclick="large()">Увеличить шрифт</button>
<script>
function large() {
    document.getElementById('first').style.fontSize = "xx-large";
}
</script>
</body>
</html>
Вместо кнопки можно использовать radio...
0
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
21.12.2015, 13:25 12
Да как работает-то?
Если в jsfiddle работает такой код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <body id="page"> 
 Текст
<p></p>
<p></p>
 <table>
  <tr>
    <td>Размер шрифта</td>
    <td>
         <p><input type="radio" name="razm_txt1" value="kn1" onclick="document.getElementById('page').style.fontSize = 'medium'"/>нормальный</p>
         <p><input type="radio" name="razm_txt1" value="kn2" onclick="document.getElementById('page').style.fontSize = 'xx-large'"/>Крупный</p>
    </td>
  </tr>
 </table>   
</body>
то на локальном сервер не работает - симптомы те же, что и у ТС - надпись "Текст" меняется, а подписи радиобаттона - нет
0
Эксперт HTML/CSS
2964 / 2599 / 1068
Регистрация: 15.12.2012
Сообщений: 9,881
Записей в блоге: 11
21.12.2015, 13:27 13
Цитата Сообщение от Masaru Посмотреть сообщение
Да как работает-то?
Это кому вопрос?
0
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
21.12.2015, 13:29 14
Fedor92, да это в воздух вопрос был )
0
Эксперт HTML/CSS
2964 / 2599 / 1068
Регистрация: 15.12.2012
Сообщений: 9,881
Записей в блоге: 11
21.12.2015, 13:31 15
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Fedor92, да это в воздух вопрос был )
Мне же интересно... Вот полный код, если кто-то чего-то не понял...
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>скрипт3</title>
</head>
<body  id="first">
 <table>
  <tr>
    <td>Размер шрифта</td>
    <td>
        <p>Большой</p>
        <p>Нормальный</p>
    </td>
  </tr>
 </table>
<button onclick="large()">Увеличить шрифт</button>
<script>
function large() {
    document.getElementById('first').style.fontSize = "xx-large";
}
</script>
<button onclick="medium()">Уменьшить шрифт</button>
<script>
function medium() {
    document.getElementById('first').style.fontSize = "medium";
}
</script>
</body>
</html>
0
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
21.12.2015, 13:33 16
Fedor92, браво! Согласен, все работает.
0
32 / 27 / 8
Регистрация: 28.02.2011
Сообщений: 1,833
22.12.2015, 07:00  [ТС] 17
Большое спасибо за объяснения, но вдруг кто-то наткнётся на эти же грабли... Всё дело у "Fedor92" в примере первый тег <!DOCTYPE html>, у меня первый тег <html>, если в примерах тэг <!DOCTYPE html> убрать, то получим ситуацию, по которой я и задал вопрос...
PS: и за чё этот тэг <!DOCTYPE html> отвечает...
0
0 / 0 / 3
Регистрация: 20.12.2015
Сообщений: 13
22.12.2015, 08:38 18
tmpnik1, указание браузеру, что документ в формате html5
0
Эксперт HTML/CSS
2964 / 2599 / 1068
Регистрация: 15.12.2012
Сообщений: 9,881
Записей в блоге: 11
22.12.2015, 10:47 19
tmpnik1, это доктайп и как сказал Вам Masaru, в данном случае доктайп указывает спецификацию(html5) с использованием которой написан html-документ... Указание доктайпа является обязательным! Если спецификацию не указать, то броузер будет воспринимать документ в режиме совместимости...
1
22.12.2015, 10:47
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.12.2015, 10:47
Помогаю со студенческими работами здесь

Как изменить размер шрифта Canvas?
Подскажите пожалуйста, как изменить размер шрифта canvas?

Как изменить цвет и размер шрифта?
Мне нужно, чтобы цвет выводимых чисел был ораньжевым. как быть? Еще можете сделать так, чтобы шрифт...

Как изменить размер шрифта в emacs?
Подскажите пожалуйста, как изменить размер шрифта в emacs? через терминал и в самом редакторе?...

Как изменить шрифт и размер шрифта
подскажите пожалуйсто как изменить шрифт и размер шрифта, какие библиотеки и функции


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
19
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru