VPF::Разметка страниц - Форум программистов

Urod

Дата 18.5.2005, 08:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

А если вот так написать, то работает:

Код


<colgroup>
    <col width="1%">    
    <col width="7*">    
    <col width="3*">    
    <col width="1%">
</colgroup>

dm9

Дата 18.5.2005, 08:52 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Там пересечение идёт с table-layout: fixed; ИЕ и Опера глючат, действительно. Только Firefox нормально отображает.

Но табличная вёрстка без table-layout: fixed - это плохо. Поэтому поступим некрасиво.
Пиши так smile

Код


<colgroup>
    <col width="10">
    <col width="70%">
    <col width="30%">
    <col width="10">
</colgroup>

Добавлено @ 08:53
И выкладывай окончательный код.

Добавлено @ 08:54
Не сюда, а на сайт, в смысле.

Urod

Дата 18.5.2005, 08:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

dm9 Да, но, к сожалению, у меня на работе доступ к email.su запрещен, так что я до 19:15, как без рук smile

И на ящик себе не скинула, т.к. думала с сервера код возьму, а тут ...
ЗЫ Ну ничего, скоро я в ИТ перевожусь smile

dm9

Дата 18.5.2005, 09:01 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Как так - запрещён?
Это чтобы почту не проверяли, что ли? smile

Urod

Дата 18.5.2005, 09:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

dm9 Да. Нам ообще тут всем терминалы (вместо сис/блоков) ставят, причем от них предварительно отключают ВСЮ пеерефирию и приносят тебе "голый" терминал. И сидишь ты, как дундук, без СD, без 1,4, без Нета (изначально, пока не разрешать). Все только для работы, чтобы НИЧТО не отвлекало smile

Мне удалось отмазаться от этого, но есть "черный список сайтов", куда доступа нет. Всем, кроме сотрудников ИТ smile

Это все - безопасность!
Добавлено @ 09:26
У меня только к nm.ru есть доступ. Но он перегружен часто, говоришь. Но я приду домой, переложу на него сайт. Воо.

Urod

Дата 18.5.2005, 18:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

Вот ссылка:
http://marina_vladimirovna.email.su/site/P...gie_raboty1.htm
Здесь мне не нравится, что верхней каемки не видно, хотя она прописана в строчке

Код


<td colspan="2" style="background-repeat: repeat-x; background-image: url(../Templates/Doma_gory/pozadina_niz.gif);">&nbsp;</td>

+ без " " этой каемки даже у меня на компе не видно. Как это поправить?

dm9

Дата 18.5.2005, 19:08 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(Urod @ 18.5.2005, 19:57)

Здесь мне не нравится, что верхней каемки не видно, хотя она прописана в строчке

У тебя на сервере нет файла с именем pozadina_niz.gif. Посмотри внимательно. Обрати внимание, что строчные и заглавные буквы различаются.

Насчёт того, что без nbsp не работает - это нормально. Можно его там оставить. Немного некрасиво будет, конечно, при выделении страницы. Если тебе это критично, вставь вместо nbsp таблицу: <table cellspacing="0"><tr><td></td></tr></table> smile

Я, как любитель доводить мелочи, не люблю этих nbsp. Но, в приципе, это нормально. Можно так оставить.

Urod

Дата 18.5.2005, 19:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

Цитата(dm9 @ 18.5.2005, 19:08)

У тебя на сервере нет файла с именем pozadina_niz.gif. Посмотри внимательно.

Поправила! smile

Посмотри, пож-та, эту верхнюю каемку,: она как-то не сверху расположена.
Только я, честно говоря, не очень поняла, куда

Код


<table cellspacing="0"><tr><td></td></tr></table>

вставлять. Прям вместо nbsp - это не то, в начало <tr> - тоже smile

А что это такое nbsp?

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

dm9

Дата 18.5.2005, 19:33 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

С разметкой всё ОК, просто картинка сверху белая smile

Меняй картинку. Переверни её, например.

И ещё лучше вставить маленькие картинки в уголки, переход от правой полоске к верхней и от левой к верхней.

Urod

Дата 18.5.2005, 19:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

Цитата(dm9 @ 18.5.2005, 19:33)

И ещё лучше вставить маленькие картинки в уголки, переход от правой полоске к верхней и от левой к верхней.

У меня вот, честно говоря, с этим хуже всего: я куда верхнюю каемку вставить полдня искала, а тут уголочки... smile

Но без этого НЕ ОБОЙТИСЬ! smile

Ужас!

Буду пытаться.

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

dm9

Дата 18.5.2005, 19:47 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Это просто smile

Ну что может быть сложного в табличке! Это же не дизайн на слоях...

Добавлено @ 19:47
В общем, пробуй smile

Urod

Дата 18.5.2005, 19:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

dm9 Да вот как раз картинки у меня уже готовы, а вот табличка... Делаю.

Urod

Дата 18.5.2005, 20:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

Посмотри, пож-та, по ссылке. Там в уголках зазоры есть. Как от них избавиться? smile

dm9

Дата 18.5.2005, 20:14 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Ой... ты там с разметкой такого понамудрила... в каждой строке (tr) должно быть одинаковое число ячеек td (с учётом colspan, rowspan). Так что считай. Там чего-то не сходится smile

Urod

Дата 18.5.2005, 20:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

Репутация: нет
Всего: -1

dm9 Посмотри, пож-та, страничку. Я поправила табличку, но зазоры между картинками остались smile

К сожалению, email.su - ТАКОЙ ТОРМОЗ, что я дойду до выкладки кода он уже пишет "стница устарела" - ужас какой-то.
Поэтому выкладываю сюда код:

Код


<!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="10">
    <col width="70%">
    <col width="30%">
    <col width="10">
</colgroup>
  <tr>
   <td style="background-repeat: repeat; background-image: url(../Templates/Doma_gory/pozadina_verx_left.gif);"></td>
   <td colspan="2" style="background-repeat: repeat-x; background-image: url(../Templates/Doma_gory/pozadina_niz.gif);">&nbsp;</td>
   <td style="background-repeat: repeat; background-image: url(../Templates/Doma_gory/pozadina_verx_right.gif);"></td>
  </tr>
  <tr>
    <td rowspan="4" style="background-repeat: repeat-y; background-image: url(../Templates/Doma_gory/pozadina.gif);"></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 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%"  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>
Если получится, позже выложу на сервер (ссылка тажа).

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »