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

Urod

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

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

Загрузка ...

Опытный

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

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

Кажись получилось.

dm9

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

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

Загрузка ...

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

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

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

А в чём проблема выложить на email.su?
Просто так смотреть напряжно, без картинок.

Urod

Дата 19.5.2005, 11:00 (ссылка)

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

Загрузка ...

Опытный

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

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

Все, переложила страничку на nm.ru. Вот она:
http://marinavladimirovna.nm.ru/Site/Pages...gie_raboty1.htm

Вопрос по зазорам отсается (я разметку странички поправила)

Guest

Дата 19.5.2005, 15:03 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Что с форумом делается: у меня половину кнопок не видно + кто OnLine??? Опять эксперименты?

dm9 Зайди по ссылке, я там все поправила. Можно дальше идти? smile

Urod

Дата 19.5.2005, 15:07 (ссылка)

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

Загрузка ...

Опытный

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

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

Ну, в общем, это я, Urod, писала постом выше smile

dm9

Дата 19.5.2005, 15:22 (ссылка)

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

Загрузка ...

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

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

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

Зачем тебе повторение ставить в уголочках? Это избыточный стиль, только место занимает. Удали просто background-repeat: repeat; оттуда.

Теперь. Что за редактор ты используешь? Откуда всё время появляется лишний HEAD?
Удали это:

Код


<HEAD><META HTTP-EQUIV="Content-type" CONTENT="text/html"></HEAD>

И ещё. Я понял, почему у тебя были глюки с зазорами между картинками smile

У тебя высота не прописана. Ты картинку меняла? smile

Пропиши для верхнего tr style="height: ...px". Троеточие - высота фоновой картинки.

И последнее. Так как иногда пользователи гуляют по инету со своими стилями, пропиши в стилях на всякий случай шрифт, его цвет (по умолчанию), цвет фона.

Код


body {
    background: #FFFFFF; /* Фон */
    font-family: Verdana, Tahoma, Arial, sans-serif; /* Или другой, сама думай */
    font-size: 12px; /* Тут тоже сама думай, я обычно так ставлю */
    color: #000000; /* Цвет шрифта */
}

Сделай, потом ещё пара комментариев будет.

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

Urod

Дата 19.5.2005, 15:50 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(dm9 @ 19.5.2005, 15:22)

Удали просто background-repeat: repeat; оттуда.

Теперь. Что за редактор ты используешь? Откуда всё время появляется лишний HEAD?
Удали это:

Код


<HEAD><META HTTP-EQUIV="Content-type" CONTENT="text/html"></HEAD>

Я как раз думала наджо это или нет. Удалила.
А подльзуюсь я Дримом (он что ли постоянно лишний HEAD прописывает?).

Urod

Дата 19.5.2005, 16:16 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(dm9 @ 19.5.2005, 15:22)

Пропиши для верхнего tr style="height: ...px". Троеточие - высота фоновой картинки.

Аа, а я tr style="height: 10" писала smile

Никак я не научусь ед. изм ставить

dm9

Дата 19.5.2005, 16:21 (ссылка)

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

Загрузка ...

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

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

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

С стилях ставить надо. В атрибутах пиксели можно опускать:

<table width="300" ...
но
<table style="width: 300px" ...

В общем, так smile

Второй способ предпочтительнее, так как ближе к идеологии XHTML (CSS везде, где это можно).

Urod

Дата 19.5.2005, 16:27 (ссылка)

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

Загрузка ...

Опытный

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

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

А посмотри, пож-та, по той же ссылке: что-то не помогло style="height: 10px" smile

А со стилями текста - я потом из запишу (помнишь, ты мне расасказывал, как их писать). Они готовы, но пзже с этим.
Добавлено @ 16:33
Или так:

Код


<tr>
   <td style="background-image: url(../Templates/Doma_gory/pozadina_verx_left.gif);"></td>
   <td colspan="2" style="height: 10px; background-image: url(../Templates/Doma_gory/pozadina_niz.gif);">&nbsp;</td>
   <td style="background-image: url(../Templates/Doma_gory/pozadina_verx_right.gif);"></td>
  </tr>

Но что-то не то опять smile

Это сообщение отредактировал(а) Urod - 19.5.2005, 16:29

Urod

Дата 19.5.2005, 16:37 (ссылка)

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

Загрузка ...

Опытный

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

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

Или так - тоже не то

Код


<tr style="height: 10px;">
   <td style="background-image: url(../Templates/Doma_gory/pozadina_verx_left.gif);"></td>
   <td colspan="2" style="background-image: url(../Templates/Doma_gory/pozadina_niz.gif);">&nbsp;</td>
   <td style="background-image: url(../Templates/Doma_gory/pozadina_verx_right.gif);"></td>
  </tr>

Urod

Дата 19.5.2005, 16:56 (ссылка)

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

Загрузка ...

Опытный

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

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

Вот так, кажется, наиболее приближено к истине, но высота все равно не 10px (если ее убрать, то ничего не изменится, хотя должно бы... + ширина правой каемки тоже настроаживает, т.к. она как-то больше 10px)

Код


<tr style="height: 10px;">
   <td style="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-image: url(../Templates/Doma_gory/pozadina_verx_right.gif);"></td>
  </tr>

Всю эту "красоту" можно посмотреть по http://marinavladimirovna.nm.ru/Site/Pages...gie_raboty1.htm

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

dm9

Дата 19.5.2005, 20:10 (ссылка)

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

Загрузка ...

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

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

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

Тьфу! Это nbsp раздвигает ячейку. Совсем голова не работает. Удаляе его нафиг, стиль style="height: 10px;" для tr оставляй, и всё будет ОК.

Urod

Дата 20.5.2005, 08:43 (ссылка)

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

Загрузка ...

Опытный

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

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

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

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

Ну вот так я записала:

Код


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

Так так вообще верхняя каемка не отображается smile

dm9

Дата 20.5.2005, 10:20 (ссылка)

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

Загрузка ...

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

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

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

Не надо таблицу. Просто пустая ячейка, но для tr пропиши heigth. У меня всё работало, я проверил.

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