Проблема с шрифтом в таблице

Itzparq · February 5, 2011

Здравствуйте. Я только начинаю работать с HTML, поэтому не судите строго за неопытность. В интернете ответа на свой вопрос не нашел, поэтому решил написать сюда.

Короче говоря, вот код.

<!DOCTYPE html>
<html>
<head>
<title>Itzparq</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<style type="text/css">
.menu { font-family: Verdana; font-size: 15px; }
</style>
<body>
<div class="menu">
	<table border="0" width="60%" height="15%" align="center">
			<tr align="center">
				<td width="25%">Раз</td>
				<td width="25%">Два</td>
				<td width="25%">Три</td>
				<td width="25%">Четыре</td>
			</tr>
	</table>
</div>
</body>

В моем случае, ни в Firefox, ни в Chrome размер текста не получатся изменить. Verdana-ой он становиться, а размеры, хоть px, %, em, не меняются.

Подскажите пожалуйста, что я делаю не правильно? Заранее спасибо.

ShumNo · February 5, 2011

А у меня в FF все нормально. Если что попробуйте класс с размером шрифта задать не контейнеру, а непосредственно таблице.

Edited February 5, 2011 by ShumNo

Itzparq · February 5, 2011

Сделал, как Вы посоветовали, получилось следующее.

<!DOCTYPE html>
<html>
<head>
<title>Itzparq</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<style type="text/css">
.menu { font-family: Verdana; font-size: 15px; }
</style>
<body>
	<table class="menu" border="0" width="60%" height="30%" align="center">
			<tr align="center">
				<td width="25%">Раз</td>
				<td width="25%">Два</td>
				<td width="25%">Три</td>
				<td width="25%">Четыре</td>
			</tr>
	</table>
</body>

Шрифт как и раньше только Verdana, указанный размер не применился. Более того, пропала высота таблиц. Кэш в браузерах чистил. Выкладываю скриншот.

Edited February 5, 2011 by Itzparq

ShumNo · February 5, 2011

Скриншот был бы более полезней если бы вы выделили в нем непосредственно текст. Там не стоит 15 пикселей?

Поставьте доктайп

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Itzparq · February 5, 2011

Ура! Doctype помог, спасибо! Никогда не подумал бы, что из-за него вся эта ерунда получилась. Еще раз спасибо!

ShumNo · February 5, 2011

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

Edited February 5, 2011 by ShumNo

Itzparq · February 5, 2011

Я в курсе этой фишки, но так как я спешил скорее оформить свой пост, чтобы вы не ушли в оффлайн с форума и делал как делал. Спасибо еще раз за помощь!

Itzparq · February 5, 2011

Сразу же набрел на грабли. Проблема со шрифтом в таблице появилась новая. Я решил не создавать новую тему, а попросить совета здесь же.

В двух словах, я начал оформлять ссылки и получилось вот это:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Itzparq</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<style type="text/css">
table.menu { font-family:Verdana; font-size:30px; }
a {	text-decoration:none; }
a:link { color:black; }
a:visited { color:gray; }
a:hover { color:red; text-decoration:none; }
a:active { color:green; text-decoration:none; }
</style>
<body>
	<table class="menu" border="0" width="60%" height="20%" align="center">
			<tr align="center">
				<td width="20%"><a href="#">Раз</a></td>
				<td width="20%"><a href="#">Два</a></td>
				<td width="33%"><a href="#">Три</a></td>
				<td width="27%"><a href="#">Четыре</a></td>
			</tr>
	</table>
</body>

Всё работает хорошо, пока не нажимаешь на ссылку. До нажатия, все ссылки черного цвета, как и должны быть. После нажатия "нажатыми" становятся все, а-не та, на которую нажал. Не пойму совершенно, в чём может быть дело. Прошу вашей помощи.

ShumNo · February 6, 2011

Скорее всего это происходит так как у всех ссылок одинаковый путь href="#"

попробуйте выставить

href="#1"

href="#2"

href="#3"

и должно быть так как и должно быть

Edited February 6, 2011 by ShumNo

Itzparq · February 6, 2011

Действительно, помогло, спасибо!

Sign In

Проблема с шрифтом в таблице

Question

Itzparq

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

ShumNo

Link to comment

Share on other sites

Itzparq

Link to comment

Share on other sites

ShumNo

Link to comment

Share on other sites

Itzparq

Link to comment

Share on other sites

ShumNo

Link to comment

Share on other sites

Itzparq

Link to comment

Share on other sites

Itzparq

Link to comment

Share on other sites

ShumNo

Link to comment

Share on other sites

Itzparq

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information