Ключевые слова:web, html, (найти похожие документы)
Date: Sat, 24 Jun 2000 19:28:32 +0400 (MSD)
From: MailList: Темные стороны HTML
Subject: [HTML] Проблемы возникающие при работе с таблицами.
Добрый день уважаемые читатели!
24.06.2000
Выпуск 4
Очень приятно отметить, что люди начали обращаться к нам с вопросами и глюками!
Мы надеемся, что сможем всем помочь и расскажем об этих глюках в нашей рассылке.
К сожалению статья об истории HTML пока еще не готова. Мы думаем, что
к следующему выпуску мы подготовим полноценный рассказ о создании стандарта HTML.
А сегодняшний выпуск мы посвятим таблицам, мать их! Да-да тем самым гребаным
таблицам, которые не дают покоя вот уже второму поколению веб-дизанейров.
В одной из предыдущих рассылок мы писали о "забывании" Netscapом применять
каскадные стили после </table>. Итак в продолжении темы.
Мы переделывали недавно один сайт и столкнулись снова с этой проблемой. Решили
поподробнее вникнуть в данную проблему. Начали тестировать. Результаты оказались
поистине "неожиданными".
Рассмотрим следующий пример:
<html>
<head><title>Test table-css</title>
<style type="text/css">
body { color: blue}
</style>
Text0
<table>
<tr><td>Hallo everybody</td>
<td>This is our test</td></tr>
</table>
Text1
</body>
</html>
Как видите все в порядке. К тексту после таблицы стили применились.
Однако здесь проявляется различие при реализации HTML в Explorerе и Netscape.
Дело в том, что Нетскапа не наследует стили от body ,
а Эксплорер наследует. Это становится понятно из вышеприведенного
примера. Как видите в Нетскапе цвет текста обычный, а в Эксплорере текст синий.
А теперь пример, в котором Нетскапа "забывает" каскадные стили после таблицы.
<head>
<meta charset="windows-1251">
<style type="text/css">
</style>
</head>
<body>
This is a text before table
<table border="4" bordercolor="#c0c0c0">
<tr>
<td width=100>Это слишкомдлинный тескст, вот почему </td>
<td> Now you understand</td></tr>
<tr>
<td> This is simple text</td>
<td> </td></tr>
</table><br>
This is a text after table
</body>
</html>
В Нетскапе: текст до таблицы - белый, в таблице - красный, после таблицы - черный.
В Эксплорере: текст до таблицы - белый, в таблице - красный, после таблицы - белый.
А причина в том, что когда текст ячейки становится больше размера ячейки,
То Нетскапа "теряется".
Но это все были цветочки, а теперь пойдут ягодки, причем такие ягодки,
объяснение которым мы не нашли.
Попробуйте убрать строку с метой. Да, стили снова применились.
Наши комментарии создателям Нетскапы: "Пути Господни неисповедимы".
Каковы же пути решения или обхода описанных выше проблем.
Во-первых всегда используйте мету и чарсет.
Во-вторых самым рациональным на наш взгляд является следующее решение:
<head>
<meta charset="windows-1251">
<style type="text/css">
body {
background-color: #000066;
margin-left: 10px;
color: white;
}
td {color: red;}
</style>
</head>
<body>
This is a text before table
<table border="4" bordercolor="#c0c0c0">
<tr>
<td width=100> Это слишкомдлинный тескст, вот почему</td>
<td> Now you understand</td></tr>
<tr>
<td> This is simple text</td>
<td> </td></tr>
</table><br>
<body>
This is a text after table
</body>
</html>
То есть просто добавление после каждой таблицы <body>. Этим мы как бы "напоминаем"
Нетскапе о каскадных стилях. Теперь все так как и должно быть: и в Нетскапе и в
Эксплорере - текст до таблицы белый, после таблицы тоже белый.
На десерт несколько полезных скриптиков, которые мы надееемся будут
Вам полезны (по просьбам читателей).
--Добавление странички в избранное--
<html>
<head><title>Add to bookmark</title>
<script language="JavaScript1.2">
<!--
var bookmarkurl="http://www.inetcash.newmail.ru"
var bookmarktitle="World of money and Web-design"
function bookmark()
{
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
//-->
</script>
</head>
<body>
<a href="#" onclick='javascript:bookmark()'>
<b><i><font size="4">Add to bookmark</font></i></b></a>
</body>
</html>
Примечание: в Нетскапе не работает. <br>Аналогичный скрипт дле Нетскапы нами
пока не найден. Если у кого имеется, большая просьба откликнуться.
--Сделать страницу стартовой--
<a href="" class="chlnk"
onmousedown="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://inetcash.newmail.ru');">
<b><i><font size="4">Сделать страницу стартовой</font></i></b></a>
Примечание: в Нетскапе не работает.
Аналогичный скрипт дле Нетскапы нами пока не найден.
Если у кого имеется, большая просьба откликнуться.
В заключение хотим сказать, что без вашей помощи наша рассылка не сможет
полноценно существовать. Мы стремимся сделать действительно профессиональную
рассылку, которая помогала бы людям. Поэтому будем очень благодарны
всем, кто пришлет свои глюки и различия при реализации HTML в различных браузерах.
Еще лучше, если вы будете писать о своих проблемах и затруднениях при создании
сайта. Мы обязательно постараемся вам помочь, кроме того мы расскажем о вашей проблеме
другим людям.
Архив рассылки и коллекции глюков будут скоро доступны на сайте
http://www.inetcash.newmail.ru в разделе "Web-design".
-------------------------------------------------------------------------------
С уважением
автор рассылки и веб-мастер сайта Ведущий раздела "Web-design",
Авдошин Андрей консультант по вопросам веб-дизайна
avdoshyn@univer.kharkov.ua Дмитрий Видмич
andreas49@themail.com wizard@univer.kharkov.ua
