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

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

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

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

Т.е. я могу вообще все эти строки с каемками удалить и думать над вопросом %?

Погоди. Какие каёмки? Которые в 1% по ширине? Так они работать будут и при rowspan="4"

Цитата(dm9 @ 16.5.2005, 15:13)

Погоди. Какие каёмки? Которые в 1% по ширине?

Эти каемки:

Код

<tr>    <td rowspan="4" 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>

Илим пока не надо удалять? Кстати, с rowspan="4" заработали
Добавлено @ 15:34
Вот ошибка, где была

Код

<body> <table width="100%" border="0" cellspacing="0" cellpadding="0">

Добавлено @ 15:35
Ну теперь, Ваши последние замечания, и делаю дальше?

Ты зря удалила table-layout:fixed. Верни назад.
Я там уже объяснял, зачем это нужно... ширина столбцов не может меняться, если задать этот стиль, поэтому таблица может отображаться по мере загрузки, а не после полной её загрузки.

Добавлено @ 15:40
И код выложи окончательный.

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

Мда, что-то у меня ванька дома - Маньки нет какая-то невнимательность
Окончательная (на данный момент) редакция кода:

Код

<!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 style="width: 100%; table-layout: fixed;" 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>    <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>

Ну как, все Ок или надо что-то подправить?

Извини, раньше не мог ответить.

В общем, всё нормально. Только один момент. Артибут bordercolor официально запрещён в той версии html, которую ты используешь (хотя, некоторые браузеры это понимают), и плюс к этому, в Мозилле не меняются цвета границ ячеек.

Решение такое. Убери этот bordercolor, поставь той таблице class="mytable" (или по-другому его назови).

И пропиши перед </head>:

Код

<style type="text/css"> .mytable, .mytable td {     border: 1px solid #7C93B3; } </style>

Это означает, что таблица и её ячейки будут иметь сплошную (solid) границу в 1 пиксель цветом #7C93B3. Границы соседних ячеек сложатся, и всего получится ширина линий 2 пикселя. Можно в один сделать, но чуть больше писать придётся.

В общем, исправь это и покажи код.


Это сообщение отредактировал(а) dm9 - 17.5.2005, 13:14

Цитата(dm9 @ 17.5.2005, 13:14)

Извини, раньше не мог ответить.

Шутишь? СПАСИБО, что ты его курируешь, а один день отсутствия - это издержки производства
С замечаниями сегодня поковыряюсь

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

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><HEAD><META HTTP-EQUIV="Content-type" CONTENT="text/html"></HEAD> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .mytable, .mytable td {     border: 1px solid #7C93B3; } </style> </head> <body> <table style="width: 100%; table-layout: fixed;" 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);"></div></td>    <td colspan="2">????? ????????? ????????-??????? (??????? 1)  </td>    <td rowspan="4" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina1.gif);"></td>   </tr>   <tr>     <td width="51%" bgcolor="#7C93B3">????? ???? (??????? 2) </td>     <td width="46%" 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%"  class="mytable" 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 bgcolor="#B5C2D5">     <td>?????: ?????? ??... (??????? 6) </td>   </tr> </table> </body> </html>

Есть вопрос: в строке

Код

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

картинка (которая размером в 1%) почему-то прижимается к левой строне столбца, ширина которого задана размером 1%. Этого же не должно быть, т.к. их ширины одинаковые!

А ниже я прикрепила эти картинки.

Это сообщение отредактировал(а) Urod - 17.5.2005, 19:56

Присоединённый файл ( Кол-во скачиваний: 2 )
 pozadina.gif

Не понял проблемы, но у тебя там </div> ни к месту в конце ячейки, перед </td>. Может, в этом дело?

И ещё. У тебя картинки уже пошли, так что разбирайся с хостингом, и выкладывай страницу туда.

Регистрируйся на email.su, будут вопросы - задавай их в форуме "Хостинг". Всё равно с этим разбираться когда-нибудь придётся.

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

Не, див я убрала - не помогло.
А вопрос в том, что столбец как будто больше 1% по ширине, или картинка уже 1%. Т.е. она смещена внутри столбца вправо, а должна быть вплотную по столбцу. Во!
А с хостингом пойду разбираться

Вот ссылочка на страничку: http://marina_vladimirovna.email.su/site/p...gie_raboty1.htm
Ну вот там есть зазор между левым крайним столбцом и контентом

Это сообщение отредактировал(а) Urod - 17.5.2005, 20:43

Там решение простое. Ставь боковым столбцам щирину фиксированную, как у картинки, а двум средним ширину 7* и 3*. Почитай тут:
http://pyramidin.narod.ru/html401/tables.html#h-11.2.4.4
Попробуй сама разобраться.

Добавлено @ 20:52
На процентах свет клином не сошёлся Хостинг быстро сделала, молодец )

В общем, я сделала так:

Код

<colgroup>     <col width="10">         <col width="7*">         <col width="3*">         <col width="10"> </colgroup>

При просмотре у себя на компе - все Ок.
А вот по ссылке фигня полная: http://marina_vladimirovna.email.su/site/P...gie_raboty1.htm - это ЧТО ТАКОЕ

Блин, ну убей ты наконец эти проценты из других мест! Что это такое?

Код

<td width="51%"      <td width="46%"

Может дело не в этом, конечно. Поразбирайся сама пока.