Помогите с разметкой страницы

Lord Maverik
На сайте с 15.04.2003
Offline
471
507

В общем такое дело.

В стиле текста используется

font: x-small Tahoma, Arial;

Самое интересное, что с

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

текст выглядит по другому. красивее.

Но перестаtт работать такая инструкция у table как height=100%.

Как быть? Надо чтобы и текст был как с указаной инструкцией, и высота работала.

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)
lazio
На сайте с 05.10.2006
Offline
47
#1

Можно взглянуть на страницу?? насколько я знаю height очень противоречивый элемент, да и в процентах его использовать не всегда разумно...

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
Lord Maverik
На сайте с 15.04.2003
Offline
471
#2

Пример кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<STYLE>
a.menu, a.menu:link, a.menu:visited, a.menu:active {
font: x-small Tahoma, Arial; text-decoration: none; font-weight: normal; COLOR: #027373;
}
a.menu:hover {
font: x-small Tahoma, Arial; text-decoration: underline; font-weight: normal; COLOR: #027373;
}
</STYLE>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="1">
<tr>
<td height="100%"></td>
</tr>
<tr>
<td height="321" valign="bottom">
<table width="100%" height="321" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%"><a href="#" class="menu">портфолио</a></td>
<td width="853">Лала</td>
</tr>
</table></td>
</tr>
</table>

</body>
</html>

Вырезал все куски не относящиеся к делу.

ronald
На сайте с 17.11.2005
Offline
154
#3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Такой доктайп попробуйте. Не совсем грамотный, зато с height=100% проблем не будет.

Lord Maverik
На сайте с 15.04.2003
Offline
471
#4

Обратите внимание на первый пост. Написание слова портфолио при таком doctype меняется. Это важно.

Или посоветуйте как с таким doctype добиться такого же написания слова.

a.fatman
На сайте с 15.01.2006
Offline
127
#5
Lord Maverik:
текст выглядит по другому. красивее.

Видимо, меньше размером?

Если хотите использовать некорректный доктайп, то поставьте размер шрифта xx-small.

lazio
На сайте с 05.10.2006
Offline
47
#6

Lord Maverik,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<STYLE>
.backbox
{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
a.menu, a.menu:link, a.menu:visited, a.menu:active {
font: x-small Tahoma, Arial; text-decoration: none; font-weight: normal; COLOR: #027373;
}
a.menu:hover {
font: x-small Tahoma, Arial; text-decoration: underline; font-weight: normal; COLOR: #027373;
}
</STYLE>
</head>
<div class="backbox">
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="1">
<tr>
<td height="100%"></td>
</tr>
<tr>
<td height="321" valign="bottom">
<table width="100%" height="321" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%"><a href="#" class="menu">портфолио</a></td>
<td width="853">Лала</td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>
Lord Maverik
На сайте с 15.04.2003
Offline
471
#7

lazio, проверяли? При текущем doctype height величина игнорируется.

А вот xx-smal помогло.

lazio
На сайте с 05.10.2006
Offline
47
#8

сори, глянул только оперой и лисой... в ие косяк получился(( Ну тогда способов к сожелнию не знаю,.. данная спецификация не тянет для таблицы этот параметр, из обходных путей ток этот.... знаю еще что люди на java как то делают...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий