Всем, кто дружит с html

May. 8th, 2006 01:06 pm
[identity profile] munx.livejournal.com posting in [community profile] useful_faq
Нужна ваша помошь. Почему-то мои посты по-разному смотрятся под FF и IE. В FF как раз всё нормально. А вот IE почему-то по центру делает не заголовок поста, а его текст. Я никак не могу найти ошибку.

Вот пост



<center>
<table style=" width: 600px;" border="0"
 cellpadding="2" cellspacing="2">
  <tbody>
<center>         
<font color="#ff0404" align="center" size="2"><b>Funky Truck Arizona</b></font></center>
<td><img style="width: 600px; height: 3px;" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/up_b.gif" align="middle"><br>
Очередной жесточайший убийца рабочего времени. Что-то вроде Elastomania.
<center>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php>
<img src=http://i20.photobucket.com/albums/b217/xzekytep/lj/funkytruckarizona.gif><br>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php><b>Click to Play!</b></a>
</center>


<DIV style="TEXT-ALIGN: center"><A href="http://www.teagames.com/index.php"><b>teagames.com</b></A><br> </div>
<img style="width: 600px; height: 3px;" alt="" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/down_b.gif" align="middle">
   </td>
  </tbody>
</table>
</center>







UPD

Всем спасибо!



<table style=" width: 600px;" border="0" cellpadding="2" cellspacing="2" align="center">
<tbody>
<tr>
<td>
<center><font color="#ff0404" align="center" size="2"><b>Funky Truck Arizona</b></font></center>
</td>
</tr>
<tr>
<td>
<img style="width: 600px; height: 3px;" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/up_b.gif" align="middle"><br>
Очередной жесточайший убийца рабочего времени. Что-то вроде Elastomania.
<center>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php>
<img src=http://i20.photobucket.com/albums/b217/xzekytep/lj/funkytruckarizona.gif><br>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php><b>Click to Play!</b></a>
</center>
<DIV style="TEXT-ALIGN: center"><A href="http://www.teagames.com/index.php"><b>teagames.com</b></A><br> </div>
<img style="width: 600px; height: 3px;" alt="" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/down_b.gif" align="middle">
</td>
</tr>
</tbody>
</table>

  • Add Memory
  • Share This Entry
Flat | Top-Level Comments Only

Date: 2006-05-08 09:30 am (UTC)
From: [identity profile] dreik.livejournal.com
У вас явно проблема с браузером, в IE и FF выглядит идентично.

Date: 2006-05-08 09:31 am (UTC)
From: [identity profile] dreik.livejournal.com
упс, не доглядел и соот-но соврал, сорри :)

Date: 2006-05-08 09:31 am (UTC)
From: [identity profile] xzekytep.livejournal.com
Вам не сложно сделать скриншот?

Date: 2006-05-08 09:50 am (UTC)
From: [identity profile] krevoi-4len.livejournal.com
йопт, в опере тоже по центру!

Date: 2006-05-08 09:53 am (UTC)
From: [identity profile] krevoi-4len.livejournal.com
> А вот IE почему-то по центру делает не заголовок поста, а его текст.

а то, что весь код идет в теге <центр> вас не смущает?

или я чего недопонял?.. о_О

Date: 2006-05-08 09:55 am (UTC)
From: [identity profile] xzekytep.livejournal.com
Это вроде чтобы вся таблица по центру была, к содержимому вроде же не относится.

Date: 2006-05-08 10:02 am (UTC)
From: [identity profile] almost-cat.livejournal.com
А содержимое типа должно об этом знать и не вестись? :)))
Попробуйте поубирать все тэги "центр" и посмотрите, что получится.

Date: 2006-05-08 10:24 am (UTC)
From: [identity profile] krevoi-4len.livejournal.com
нет. это саму таблицу по центру постит. а для внутренностей нуна или <тр алигн=центре>, или <тд алигн=центре>.

Date: 2006-05-08 10:05 am (UTC)
From: [identity profile] dreik.livejournal.com
раз уж я соврал первоначально, то теперь решил разобраться в чем дело.. в данном случае неправильно ведёт себя FF, т.к. таблица вообще не имеет места быть. У Вас не указываются столбцы. И идёт обозначение лишь одной строки, а тот текст который отображается неправильно вообще что-то сверху, "не пришей кобыле хвост".

Правильный вариант Вашего кода вот такой:

Date: 2006-05-08 10:07 am (UTC)
From: [identity profile] dreik.livejournal.com
<html><head><title></title><body>
<center>
<table style=" width: 600px;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<center><font color="#ff0404" align="center" size="2"><b>Funky Truck Arizona</b></font></center>
</td>
</tr>
<tr>
<td>
<img style="width: 600px; height: 3px;" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/up_b.gif" align="middle"><br>Очередной жесточайший убийца рабочего времени. Что-то вроде Elastomania.
<center>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php><img src=http://i20.photobucket.com/albums/b217/xzekytep/lj/funkytruckarizona.gif><br><a href=http://www.teagames.com/games/funkytruckarizona/play.php><b>Click to Play!</b></a>
</center>
<DIV style="TEXT-ALIGN: center"><A href="http://www.teagames.com/index.php"><b>teagames.com</b></A><br> </div>
<img style="width: 600px; height: 3px;" alt="" src="http://i20.photobucket.com/albums/b217/xzekytep/lj/down_b.gif" align="middle">
</td>
</tr>
</tbody>
</table>
</center>
</body></html>

Date: 2006-05-08 10:18 am (UTC)
From: [identity profile] munx.livejournal.com
IE всё равно по-своему.

Date: 2006-05-08 10:30 am (UTC)
From: [identity profile] munx.livejournal.com
Спасибо, только center Я всё же убрал, помогло. Вместо них - align="center"

Date: 2006-05-08 10:10 am (UTC)
From: [identity profile] eugene-ivanov.livejournal.com
убери
:)

Re: Reply to your comment...

Date: 2006-05-08 10:17 am (UTC)
From: [identity profile] eugene-ivanov.livejournal.com
я имел в виду <center>

Так, оторвалась от клиентов.

Date: 2006-05-08 10:24 am (UTC)
From: [identity profile] ex-liallka704.livejournal.com
Я от себя могу постоветовать только заменить вставку рисунка линии тегом
.
Но это уже дело хозяйское. Вот.
И мой вариант чуть другой - но по сути - то же самое.
Извините за засоренную почту - рассеянность - мой враг.
Итак:

table style="width: 600px; text-align: center; border: none; padding: 2px; spacing: 2px;" align="center">
<tr><td>
<font color="#ff0404" size="2"><b>Funky Truck Arizona</b></font>
<hr color="black" align="center" width="600px" style="border: 1px solid black"></td></tr>
<tr><td>
Очередной жесточайший убийца рабочего времени. Что-то вроде Elastomania.<br>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php>
<img src=http://i20.photobucket.com/albums/b217/xzekytep/lj/funkytruckarizona.gif><br>
<a href=http://www.teagames.com/games/funkytruckarizona/play.php><b>Click to Play!</b></a>
</td></tr>
<tr><td>
<A href="http://www.teagames.com/index.php"><b>teagames.com</b></A><br>
<hr color="black" align="center" width="600px" style="border: 1px solid black">
</td></tr>
</table<

Re: Так, оторвалась от клиентов.

Date: 2006-05-08 10:35 am (UTC)
From: [identity profile] munx.livejournal.com
Спасибо, смешав все советы, всё получилось.
Теперь придётся все записи править.

Re: Так, оторвалась от клиентов.

Date: 2006-05-08 10:37 am (UTC)
From: [identity profile] ex-liallka704.livejournal.com
А у меня тоже такое было - одно время журнал был ярко-зелёнкнький и посты были разделены HR - тоже зелёного цвета. А сейчас он бирюзовый - и всё теги пришлось менять....

Date: 2006-05-08 10:28 am (UTC)
From: [identity profile] krevoi-4len.livejournal.com
блин, теперь, когда вывесили скриншот, я ваще решительно ничего не понимаю!

это скрин откуда? из фф или из ослика?

как нужно чтобы было?

ЗЫ если не нуна таблицу по центру - сотрите <табле алигн="центре">, а напишите просто <табле>.

Date: 2006-05-08 10:33 am (UTC)
From: [identity profile] munx.livejournal.com
Всё, спасибо, разобрались.
Скрин из ФФ, как надо.

Date: 2006-05-08 10:48 am (UTC)
From: [identity profile] krevoi-4len.livejournal.com
да?..

а я подумал, что это неправильно. у меня и в опере, и в ослике сразу так было...
  • Add Memory
  • Share This Entry
Flat | Top-Level Comments Only