Цитата(dm9 @ 15.5.2005, 16:16)

2. (Так грамотнее, особенно если ты будешь потом ещё ячейки в 1% по бокам добавлять) После тэга <table> (сразу) поставить такие строки: Код <colgroup>     <col width="70%">     <col width="30%"> </colgroup>

А "сразу", это куда?
Вот код с этими элементами (явно не туда):

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <table border="0" cellspacing="0" cellpadding="0">  <colgroup>     <col width="1%">     <col width="29%">     <col width="69%">     <col width="1%"> </colgroup>   <tr>   <td colspan="2" rowspan="4" style=" width: 1%; background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina.gif);"><img border="0" src="../Templates/Doma_gory/pozadina.gif" /></td>   </tr>   <tr>     <td bgcolor="#7C93B3">????? ???? (??????? 2) </td>     <td rowspan="3" bgcolor="#7C93B3">       <div align="left">??? ???????? (??????? 8)</div>       <div align="right">??? ???????? (??????? 8)</div>       <div align="center">??? ???????? (??????? 8)</div>       ???? ??? ??????? ??? ???????? (??????? 7) </td>   <td colspan="2" rowspan="4" style=" width: 1%; background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"><img border="0" src="../Templates/Doma_gory/pozadina1.gif" /></td>   </tr>   <tr>     <td>       <p>??????? (??????? 3)</p>       <div align="center">       <table width="90%"  bordercolor="#7C93B3" border="2" cellspacing="0" cellpadding="0">         <tr>           <td width="60%">??? ??????? (??????? 4) </td>           <td width="20%">&nbsp;</td>           <td width="20%">&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>       </table>             <p>????? ????????? ???????-???????? (??????? 5) </p>       </div>       </td>    </tr>   <tr>     <td>?????: ?????? ??... (??????? 6) </td>      </tr> </table> </body> </html>

Он без описания ширины столбцов.
Но в Мозилле - это просто ужас, а не страница!!!
В ИЕ - куда не шло, но тоже неверно.
Что я не так сделала?

Это сообщение отредактировал(а) Urod - 15.5.2005, 21:49

Цитата(Urod @ 15.5.2005, 22:42)

А "сразу", это куда?

Именно сюда.

Цитата(Urod @ 15.5.2005, 22:42)

В ИЕ - куда не шло, но тоже неверно. Что я не так сделала?

Цитата(dm9 @ 15.5.2005, 17:16)

После этого добавляешь в начало и в конец первого tr по ячейке <td rowspan="..."><img ... /></td> И не забудь поставить нужные rowspan-ы. Я так понимаю, ты знаешь, что такое rowspan, как он работает?

Обязательно пять минут читать мою подпись!
С целью понять, что чему-то научиться можно только додумавшись до этого самостоятельно.
Читай внимательнее что я пишу, и пробуй, думай, экспериментируй.
Упрощай пример до невозможности, добивайся, чтобы всё работало, потом усложняй его.
Нет здесь того, что нельзя понять самостотельно.
Мне ничего не стоит сделать тебе эту страничку. Более того, это в сто раз проще, чем писать ответы в 1,5-2 экрана. Один ответ может занять у меня 40 минут (с проверкой кода, написанием ответа). Твоя страничка займёт у меня 2 часа, ни минутой больше. Но цель-то - не сделать, цель - научится что-то делать, правильно? Не рассчитывай, что я всё подробно расскажу.
Мне не жалко написать ответ, но я устаю объяснять всё слишком подробно. Пробуй думать самостоятельно. Мне же это тоже должно быть интересно, так?
Я могу объяснить сложные вещи, но когда я написал на пост выше, что надо что-то сделать, и это не сделано, а есть вопрос "почему не работает", я просто даже не знаю что делать... скучно становится. Сорри.

Итог этого такой. Пробуй сама. Если не получилось в первого раза, пробуй второй. Второй не получился - третий. Третий вариант не прошел? Упрощай пример. Ещё пробуй. Когда всё испробовала - говори, я помогу разобраться.

Если ты не понимаешь принципа работы какого-то тэга или атрибута, тоже пиши, я это опишу или дам хорошую ссылку. Или можно попробовать найти это самостотельно. Очень часто бывает так, что непонимание работы одного атрибута не даёт осознать всю картину.

В общем, ты меня поняла, я думаю

Это сообщение отредактировал(а) dm9 - 15.5.2005, 23:22

Сорри, только ошибся в одном месте.
Там столбцы местами перепутал. Так правильно.

Код

<colgroup>         <col width="1%">         <col width="69%">         <col width="29%">         <col width="1%">     </colgroup>

На всякий случай, это означает, что всего будет 4 столбца, ширины ты перечисляешь.
"Col" - от слова column (столбец).

Только у тебя в предпоследнем твоём варианте (на 4 поста выше) 2 столбца всего, так?
А тут четыре, так как это написано вместе в боковыми столбцами. Ну и добавь их, столбцы, в первый tr.
<tr>
<td rowspan="x"><img ... /></td>
То, что было в первом tr раньше
<td rowspan="x"><img ... /></td>
</tr>
x - число столбцов, на какое будет распространяться ячейка. Добавить её надо только в верхняя ячейку, потом в остальные tr - не надо, rowspan сделает своё дело.

dm9 Ок! Ты абсолютно прав, мне и самой не по душе, что я толком не поковырявшись, кидаю вопрос в форум (просто из-за компа постоянно брат гонит )
Все, буду пытаться.

dm9 Хееее, я разобралась! УРА!
Дело было в colspan="2" вместо colspan="1"! Во, где ошибка.
Да можно вообще и без него
А как опыт показывает, как правильнее:
так

Код

<td width=1% background="../Templates/Doma_gory/pozadina.gif" colspan="1" rowspan="4"><img src="../Templates/Doma_gory/pozadina.gif" /></td>

или так

Код

<td colspan="1" rowspan="4" style=" width: 1%; background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"><img src="../Templates/Doma_gory/pozadina1.gif" /></td>

Это сообщение отредактировал(а) Urod - 16.5.2005, 09:12

Я вообще не понимаю, чего ты хочешь здесь

Тебе фон нужен? Так зачем картинка между тэгами нужна? Оставь ячейку пустой.
width=1% - избыточная информация, мы уже указали это в первом и четвёртом тэге col.

Насчёт того, как лучше - я предпочитаю всё делать стилями, и это, мне кажется, правильно. При переходе на XHTML 1.0 ты вообще без половины атрибутов, CSS надо будет использовать на полную. Ну пока мы работаем в HTML 4.0, это всё равно.


Это сообщение отредактировал(а) dm9 - 16.5.2005, 09:19

Цитата(dm9 @ 16.5.2005, 09:18)

Насчёт того, как лучше - я предпочитаю всё делать стилями, и это, мне кажется, правильно. При переходе на XHTML 1.0 ты вообще без половины атрибутов, CSS надо будет использовать на полную.

Т.е. так правильнее:

Код

<td colspan="1" rowspan="4" style=" width: 1%; background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"><img src="../Templates/Doma_gory/pozadina1.gif" /></td>

Цитата(dm9 @ 16.5.2005, 10:18)

Тебе фон нужен? Так зачем картинка между тэгами нужна? Оставь ячейку пустой.

Цитата(dm9 @ 16.5.2005, 10:18)

width=1% - избыточная информация, мы уже указали это в первом и четвёртом тэге col.

Нужен фон, поэтому я удалила уже вставку картинок.
А вот с width=1% пока разбираюсь, т.к. при его удалении из

Код

<td rowspan="4" style=" width: 1%; background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina.gif);"></td>

удаляется весь фон столбца. Вот

Выложи последний вариант исходника.

Цитата(dm9 @ 16.5.2005, 12:02)

Выложи последний вариант исходника.

Нееее , я само сначала поробую понять, в чем дело.
Добавлено @ 12:19
Все, вопрос этот решила (просто надо было сразу в двух краях убрать ширину и смотреть только после этого, а не поодереди убирая края и просматривая).
Но у меня возникли опасения, что страничка все-таки не на 100% по ширине (как-то ее общая ширина меньше 100%)
Вот код:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <table border="0" cellspacing="0" cellpadding="0">  <colgroup>     <col width="1%">         <col width="69%">         <col width="29%">         <col width="1%"> </colgroup>   <tr>   <td rowspan="4" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina.gif);"></td>   </tr>   <tr>     <td bgcolor="#7C93B3">????? ???? (??????? 2) </td>     <td rowspan="3" bgcolor="#7C93B3">       <div align="left">??? ???????? (??????? 8)</div>       <div align="right">??? ???????? (??????? 8)</div>       <div align="center">??? ???????? (??????? 8)</div>       ???? ??? ??????? ??? ???????? (??????? 7) </td>   <td rowspan="4" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"></td>   </tr>   <tr>     <td>       <p>??????? (??????? 3)</p>       <div align="center">       <table width="90%"  bordercolor="#7C93B3" border="2" cellspacing="0" cellpadding="0">         <tr>           <td width="60%">??? ??????? (??????? 4) </td>           <td width="20%">&nbsp;</td>           <td width="20%">&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>       </table>             <p>????? ????????? ???????-???????? (??????? 5) </p>       </div>       </td>    </tr>   <tr>     <td>?????: ?????? ??... (??????? 6) </td>      </tr> </table> </body> </html>

Я тут немного подправила (добавила кайму по верхней грани глобальной таблицы).
Вот, что получилось:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <table border="0" cellspacing="0" cellpadding="0">  <colgroup>     <col width="1%">         <col width="69%">         <col width="29%">         <col width="1%"> </colgroup>   <tr>    <td rowspan="5" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina.gif);"></td>    <td colspan="2" style="background-repeat: repeat-x; background-image: url(../Templates/Doma_gory/pozadina4.gif);">????? ????????? ????????-??????? (??????? 1)  </td>    <td rowspan="4" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"></td>   </tr>   <tr>     <td bgcolor="#7C93B3">????? ???? (??????? 2) </td>     <td rowspan="3" bgcolor="#7C93B3">       <div align="left">??? ???????? (??????? 8)</div>       <div align="right">??? ???????? (??????? 8)</div>       <div align="center">??? ???????? (??????? 8)</div>       ???? ??? ??????? ??? ???????? (??????? 7) </td>   </tr>   <tr>     <td>       <p>??????? (??????? 3)</p>       <div align="center">       <table width="90%"  bordercolor="#7C93B3" border="2" cellspacing="0" cellpadding="0">         <tr>           <td width="60%">??? ??????? (??????? 4) </td>           <td width="20%">&nbsp;</td>           <td width="20%">&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>         <tr>           <td>&nbsp;</td>           <td>&nbsp;</td>           <td>&nbsp;</td>         </tr>       </table>             <p>????? ????????? ???????-???????? (??????? 5) </p>       </div>       </td>    </tr>   <tr>     <td>?????: ?????? ??... (??????? 6) </td>   </tr> </table> </body> </html>

Остается вопрос:
1 Что-то мне кажется, что картинки pozadina.gif и pozadina1.gif какие-то разные по ширине (может, меня глючит, но вряд ли). Отчего это?
2 Ну, собственно, прежний: Страничка все-таки не на 100% по ширине (как-то ее общая ширина меньше 100%).

Почему у тебя в одном месте стоит rowspan="5", а в другом rowspan="4"?

Добавлено @ 14:39

Цитата(Urod @ 16.5.2005, 15:30)

2 Ну, собственно, прежний: Страничка все-таки не на 100% по ширине (как-то ее общая ширина меньше 100%).

Решение на поверхности. Думай. Это же очевидно

Цитата(dm9 @ 16.5.2005, 14:37)

Почему у тебя в одном месте стоит rowspan="5", а в другом rowspan="4"?

По догике, я считаю, там везде должно быть rowspan="4", но где rowspan="5", там просто иначе по будет видно каемки. Знаю, странно, но иначе у меня не работает.
Эх, этакий я, прям, тугодум. Буду думать, раз на поверхности решение

Нет, это ты глупости говоришь. rowspan везде у тебя должен быть равен четырём, так как ячейка в высоту занимает 4 столбца. Остальное - персональные глюки IE.

Всякие там каёмки и тому подобное делается просто и без этого. Но чуть позже. Ты сначала табличку макетную сделай-то.