Консультации Портала - Консультация #97561

Задать вопрос Консультации Пользователи Форум

Задать вопрос экспертам

Консультация № 97561

07.08.2007, 00:16

0.00 руб.

0 7 7

Компьютеры Программирование

Здравствуйте уважаемые! Внизу приведен листинг кода в котором в таблице в центре я создалтаблицу, но браузеры ее невидит. Подскажите как исправить.

Приложение:
<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link href="style.css" rel="stylesheet" type="text/css" /></head><body><center> <table width="708" height="726" border="0" bgcolor="#FFFFFF" class="border_main"> <tr> <td width="702" height="122" class="border_header"><font color="#FFFFFF"><img src="img/BMW.jpg" width="702" height="108" /></font></td> </tr> <tr> <td height="544"> <table width="446%" height="100%" border="0"> <tr> <td width="23%" height="519" valign="top" class="p"><table width="100%" border="0"> <tr> <td width="100" class="p"><p><a href="/mazda.htm">1. Покупка Mazda</a></p><p><a href="/bmw.htm">2.Покупка BMW</a></p><p><a href="/toyota.htm">3.Покупка Toyota</a></p></td></tr> </table> </td> <td width="77%">
<table width="398" border="0" align="center" bordercolor="#FFFFFF" class="border_main" > <tr> <td width="358" class="rec_bloc" > <p>Лучшие машины в ценовом диапазоне до 10000$</p></td> </tr> <tr> <td><p><font face="Times New Roman, Times, serif">BMW3
</font><font face="Times New Roman, Times, serif"> Благодаря кабриолету BMW 3 серии, который специально создан для юных поклонников марки BMW, удовольствие от беззаботной поездки за город доступно теперь даже в самом раннем возрасте. Этот эксклюзивный детский автомобиль доступен в двух вариантах. В зависимости от гоночных амбиций ребенка можно заказать «спортивную» версию с ножными педалями или комфортную модель с электроприводом. </font></p> <font face="Times New Roman, Times, serif"> <p>Какую бы модель Вы ни выбрали — качество будет неизменно высоким. Яркий дизайн заставит учащенно биться сердца не только маленьких любителей автоспорта. Серебристый кузов детского кабриолета изготовлен из прочного пластика, а шасси — из окрашенной стальной трубной конструкции. Инженеры компании уделили много внимания подбору качественных материалов и обеспечению жесткости конструкции, чтобы гарантировать длительный срок службы автомобиля.</p> </font></td> </tr> <tr> <td class="rec_bloc1"><a href="http//yandex.ru">http//yandex.ru</a></td> </tr> </table> gggggggggggggggggggggggggg
</td> </tr> </table></td> </tr> <tr> <td height="42"><img src="img/BMW_1.jpg" width="701" height="45" /></td> </tr> </table></center></body></html>

Обсуждение

Неизвестный

07.08.2007, 00:31

общий

это ответ

Здравствуйте, Dimanq!
ошибка оказалась достаточно тривиальной
<table width="446%" height="100%" border="0">.
Что вы хотели сказать устанавлисая ширину таблицы в 446%? возможно имелось ввиду 44,6%? или 446?

будьте Внимательны :)

Неизвестный

07.08.2007, 00:38

общий

это ответ

Здравствуйте, Dimanq!
Исправьте строку <table width="446%" height="100%" border="0">. Возможно, Вы имели ввиду "44,6%"?

Неизвестный

07.08.2007, 00:41

общий

это ответ

Здравствуйте, Dimanq!
Еще бы у Вас она была видна! У Вас граница белого цвета. По крайней мере, код, что УДИВИТЕЛЬНО, корректный. Я сначала думал, что дело во вложенных таблицах(собственно, почему и удивляюсь), а посмотрел цвет границ - ну так и есть!

Конечно, может быть, дело еще и в таблице стилей(Вы ее не привели, а что там задано - Аллах его ведает). Но первопричина в границе.

Пару советов на будущее. Первое: читайте книжки по HTML, его крайне трудно изучать без литературы, проще говоря, это - тупик. Второе - не пользуйтесь таблицами при верстке, используйте слои. Хотя это и значительно труднее. Зато кода будет меньше, да и красивее...
В приложении "модифицированный"(кого там модифицировать-то!) код. Попробуйте. Удачи!

Приложение:
<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link href="style.css" rel="stylesheet" type="text/css" /></head><body><center> <table width="708" height="726" border="1" bordercolor="#000000" bgcolor="#FFFFFF" class="border_main"> <tr> <td width="702" height="122" class="border_header"><font color="#FFFFFF"><img src="img/BMW.jpg" width="702" height="108" /></font></td> </tr> <tr> <td height="544"> <table width="446%" height="100%" border="1" bordercolor="#000000"> <tr> <td width="23%" height="519" valign="top" class="p"><table width="100%" border="0"> <tr> <td width="100" class="p"><p><a href="/mazda.htm">1. Покупка Mazda</a></p><p><a href="/bmw.htm">2.Покупка BMW</a></p><p><a href="/toyota.htm">3.Покупка Toyota</a></p></td></tr> </table> </td> <td width="77%">
<table width="398" border="1" align="center" bordercolor="#000000" class="border_main" > <tr> <td width="358" class="rec_bloc" > <p>Лучшие машины в ценовом диапазоне до 10000$</p></td> </tr> <tr> <td><p><font face="Times New Roman, Times, serif">BMW3
</font><font face="Times New Roman, Times, serif"> Благодаря кабриолету BMW 3 серии, который специально создан для юных поклонников марки BMW, удовольствие от беззаботной поездки за город доступно теперь даже в самом раннем возрасте. Этот эксклюзивный детский автомобиль доступен в двух вариантах. В зависимости от гоночных амбиций ребенка можно заказать «спортивную» версию с ножными педалями или комфортную модель с электроприводом. </font></p> <font face="Times New Roman, Times, serif"> <p>Какую бы модель Вы ни выбрали — качество будет неизменно высоким. Яркий дизайн заставит учащенно биться сердца не только маленьких любителей автоспорта. Серебристый кузов детского кабриолета изготовлен из прочного пластика, а шасси — из окрашенной стальной трубной конструкции. Инженеры компании уделили много внимания подбору качественных материалов и обеспечению жесткости конструкции, чтобы гарантировать длительный срок службы автомобиля.</p> </font></td> </tr> <tr> <td class="rec_bloc1"><a href="http//yandex.ru">http//yandex.ru</a></td> </tr> </table> gggggggggggggggggggggggggg
</td> </tr> </table></td> </tr> <tr> <td height="42"><img src="img/BMW_1.jpg" width="701" height="45" /></td> </tr> </table></center></body></html>

Неизвестный

07.08.2007, 05:41

общий

это ответ

Здравствуйте, Dimanq!
Добавлю к вышеозвученным ответам лишь, что при отладке таблиц очень удобно будет использование атрибута table -> Border = "..." поскольку Вы наглядно можете видеть как располагается таблица.

Неизвестный

07.08.2007, 09:45

общий

это ответ

Здравствуйте, Dimanq!
Список ошибок в вашем коде (в соответствии со стандартами w3c) можно посмотреть тут http://validator.w3.org/ (18, если не ошибаюсь)

Немного пеработанный код ниже:

Приложение:
<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link href="style.css" rel="stylesheet" type="text/css" /></head><body><center><table width="708" border="0" bgcolor="#FFFFFF" class="border_main"> <tr> <td width="702" height="122" class="border_header"><font color="#FFFFFF"><img src="img/BMW.jpg" width="702" height="108" alt=""/></font></td> </tr> <tr> <td height="544"> <table width="446" border="0"> <tr> <td width="23%" height="519" valign="top" class="p">  <table width="100%" border="0"> <tr> <td width="100" class="p"><p><a href="/mazda.htm">1. Покупка Mazda</a></p><p><a href="/bmw.htm">2.Покупка BMW</a></p><p><a href="/toyota.htm">3.Покупка Toyota</a></p></td> </tr> </table>  </td> <td width="77%"><br/> <table width="398" border="0" align="center" class="border_main" > <tr> <td width="358" class="rec_bloc" > <p>Лучшие машины в ценовом диапазоне до 10000$</p></td> </tr> <tr> <td><p><font face="Times New Roman, Times, serif">BMW3<br/></font><font face="Times New Roman, Times, serif"> Благодаря кабриолету BMW 3 серии, который специально создан для юных поклонников марки BMW, удовольствие от беззаботной поездки за город доступно теперь даже в самом раннем возрасте. Этот эксклюзивный детский автомобиль доступен в двух вариантах. В зависимости от гоночных амбиций ребенка можно заказать «спортивную» версию с ножными педалями или комфортную модель с электроприводом. </font></p> <p><font face="Times New Roman, Times, serif"> Какую бы модель Вы ни выбрали — качество будет неизменно высоким. Яркий дизайн заставит учащенно биться сердца не только маленьких любителей автоспорта. Серебристый кузов детского кабриолета изготовлен из прочного пластика, а шасси — из окрашенной стальной трубной конструкции. Инженеры компании уделили много внимания подбору качественных материалов и обеспечению жесткости конструкции, чтобы гарантировать длительный срок службы автомобиля. </font></p> </td> </tr> <tr> <td class="rec_bloc1"><a href="http//yandex.ru">http//yandex.ru</a></td> </tr> </table> gggggggggggggggggggggggggg<br/> </td> </tr> </table> </td> </tr> <tr> <td height="42"><img src="img/BMW_1.jpg" width="701" height="45" alt=""/></td> </tr></table></center></body></html>

Неизвестный

07.08.2007, 11:45

общий

это ответ

Здравствуйте, Dimanq!
Не видит таблички только Опера, но если в ней отметить "выровнять по ширине" то все работает.

Чтобы устранить проблему нужно избавится от вложеных таблиц насколько возможно и использовать блоки <div>

Неизвестный

07.08.2007, 12:17

общий

это ответ

Здравствуйте, Dimanq!
У вас там пропущено закрытие внутренней маленькой таблицы и один тег </tr>
я отправляю вам свой вариант, для проверки я просто сделала все границы видимыми.(после рассмотрения просто их уберете).
удачи

Приложение:
<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link href="style.css" rel="stylesheet" type="text/css" /></head><body><center> <table border=1 width="708" height="726" border="0" bgcolor="#FFFFFF" class="border_main"> <tr> <td width="702" height="122" class="border_header"><font color="#FFFFFF"><img src="img/BMW.jpg" width="702" height="108" /></font></td> </tr> <tr> <td height="544"> <table width="446%" height="100%" border="1"> <tr> <td width="23%" height="519" valign="top" class="p"> <table width="100%" border="1"> <tr> <td width="100" class="p"><p><a href="/mazda.htm">1. Покупка Mazda</a></p><p><a href="/bmw.htm">2.Покупка BMW</a></p><p><a href="/toyota.htm">3.Покупка Toyota</a></p></td></tr> </table> </table> </td> <tr>  <td width="77%">
<table border=1 width="398" border="0" align="center" bordercolor="#FFFFFF" class="border_main" > <tr> <td width="358" class="rec_bloc" > <p>Лучшие машины в ценовом диапазоне до 10000$</p></td> </tr> <tr> <td><p><font face="Times New Roman, Times, serif">BMW3
</font><font face="Times New Roman, Times, serif"> Благодаря кабриолету BMW 3 серии, который специально создан для юных поклонников марки BMW, удовольствие от беззаботной поездки за город доступно теперь даже в самом раннем возрасте. Этот эксклюзивный детский автомобиль доступен в двух вариантах. В зависимости от гоночных амбиций ребенка можно заказать «спортивную» версию с ножными педалями или комфортную модель с электроприводом. </font></p> <font face="Times New Roman, Times, serif"> <p>Какую бы модель Вы ни выбрали — качество будет неизменно высоким. Яркий дизайн заставит учащенно биться сердца не только маленьких любителей автоспорта. Серебристый кузов детского кабриолета изготовлен из прочного пластика, а шасси — из окрашенной стальной трубной конструкции. Инженеры компании уделили много внимания подбору качественных материалов и обеспечению жесткости конструкции, чтобы гарантировать длительный срок службы автомобиля.</p> </font></td> </tr> <tr> <td class="rec_bloc1"><a href="http//yandex.ru">http//yandex.ru</a></td> </tr> </table> gggggggggggggggggggggggggg
</td> </tr> </table></td> </tr> <tr> <td height="42"><img src="img/BMW_1.jpg" width="701" height="45" /></td> </tr> </table></center></body></html>

Форма ответа

Отправка постов/ответов доступна только зарегистрированным и подтвержденным пользователям.

Если Вы уже зарегистрированы на Портале - войдите в систему, если Вы еще не регистрировались - пройдите простую процедуру регистрации.