ТвойWeb :: Версия для печати :: выравниване границ таблицы

1. Corvus - 03 Июля, 2007 - 04:51:07 - перейти к сообщению

Здравствуйте все.

Очень нужна помощь... делаю анимированный сайт из простой гиф-анимации. Раньше делал сайты фрэймами, надоело, как-то убого, решил сделать симпатично. Слоями не могу, сколько ни мучался, так и не разобрался. Сделал таблицей, простая таблица, поизучал на сайте как строить таблицы и в бой, так вот - 5 столбцов, 3 строки, в центре сождержание, картинки и текст, в остальные ячейки картинки и меню. Уже двадцать часов мучаюсь, всю ночь не спал... Таблица горизонтально прилипает без рамок и рисунок к рисунку, а вертикально хоть убей не хочет, почему, понять не могу...

Вот как я написал, конечно кустарно, но я ведь не профи, начинающий, посоветуйте, что не так???

CODE:

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
</head>

<body> <body bgcolor="#000000">
<table width="100%" height="100%" bgcolor="#000000" table cellspacing="0" table cellpadding="0" border="0">

<tr>
<td valign="bottom" width="200"height="200">

</td>
<td width="19"height="200" valign="bottom">
1-str - 2-st
</td>
<td width="100%"height="200" valign="bottom">
1 str - 3 - st
</td>
<td width="17"height="200" valign="bottom">
<img src="negrusangulus.gif" width="17"height="210"border="0"borderc="#000000"hspace="0"vspace="0">
</td>
<td width="200"height="200" valign="bottom">

</td>
</tr>

<tr>
<td width="200"height="514" valign="top">
<img src="legiol.gif" width="200"height="514"border="0"borderc="#000000"hspace="0"vspace="0">
</td>
<td width="19"height="100%" valign="top" background="liberbord.gif">
</td>
<td width="100%"height="100%"border="0"td bgcolor="#dccebc"valign="top">

<img src="lignitusingre.gif" width="55"height="10"align="right" border="0"borderc="#000000"hspace="0"vspace="0">
 

<H2 align="center">- Roma -</H2>

 -Рим- 



текст текст текст текст

 

-подпись- 

<img src="lignitusfinis.gif" width="55"height="20"align="right" border="0"borderc="#000000"hspace="0"vspace="0">

</td>

<td width="17"height="100%" valign="top" background="liberignitus.gif">
</td>

<td width="200"height="514" valign="top">
<img src="legior.gif" width="200"height="514"border="0"borderc="#000000"hspace="0"vspace="0">
</td>

</tr>

<tr>
<td width="200"height="100" valign="top">
3-str 1-st
</td>

<td width="15"height="100" valign="top">
3-str 2-st
</td>

<td width="100%"height="100" valign="top">
3-str 3-st
</td>

<td width="15"height="100" valign="top">
3-str 4-st
</td>

<td width="200"height="100" valign="top">
3-str 5-st
</td>

</tr>

</body>
</html>

Т.е. 2-я строка 3 - столб с текстом, 1-я строка 3 столб с меню, а вверху и внизу анимация, слева и справа, тоже, по-горизонтали все гут, прилипает, а по вертикали дает отступ, где-то со значение "3" примерно... Что я не так сделал?

2. 23Rus - 03 Июля, 2007 - 04:53:55 - перейти к сообщению

вот это убери

CODE:

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

нет такого понятия как height="100%" там ))))

удачи

3. Corvus - 03 Июля, 2007 - 06:18:24 - перейти к сообщению

Спасиб за пожелания ,-)

Убрал <!DOCTYPE HTML PUBLIC etc...

Сперва убрал высоту вообще - не помогло.
Задал везде высоту строго - не помогло...

А еще что-то может помочь???

4. Ray Wen - 03 Июля, 2007 - 07:19:31 - перейти к сообщению

Corvus
А почему 2 body?

5. Леголегс - 03 Июля, 2007 - 07:22:35 - перейти к сообщению

Corvus
Замени

CODE:

на

CODE:

Прошло?

Исправил твоё сообщение, используй [ code][/ code] вместо цитирования, и в названии темы "нужна помощь" совершенно неуместно, а то, что как раз нужно ты вынес в описание темы, это я тоже исправил.

6. Corvus - 03 Июля, 2007 - 07:46:45 - перейти к сообщению

Да, спасиб! Укатываюсь

Теперь можно дальше анимацию делать, еще раз спасибо ,-)
выходит это из-за закрывающего тега ячейки?

7. Alfa - 03 Июля, 2007 - 16:30:40 - перейти к сообщению

Corvus
Где-то прочитал, и наверное тоже на этом форуме, и если не ошибаюсь даже тоже Леголегс написал, что символ перевода строки в коде считается как пробел

8. shurph - 03 Июля, 2007 - 16:35:34 - перейти к сообщению

---

9. Corvus - 04 Июля, 2007 - 03:44:08 - перейти к сообщению

Вот есчё вопрос у меня...
Как я понял из учебника ТвойВеб, сама таблица прилипает только к верхнему краю, и к левому, т.е. если я захочу таблицу выставить на ширину всего окна, то ничего не выйдет?

Ray Wen
Т.е. body так и писать в одном -

CODE:

<body bgcolor="#000000">

---содержание---

</body>

так правильно прописывать?

И еще, первую строку я убрал, где

CODE:

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

но если это неправильное написание, то как правильно ее прописать?

10. Леголегс - 04 Июля, 2007 - 12:45:41 - перейти к сообщению

Corvus пишет:

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

width=100%

Corvus пишет:

Т.е. body так и писать в одном -

Именно.

CODE:

Эти теги должны быть расположены именно так и в единственном экземпляре каждый.