Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> растягивание картинки, в бэкграунде 
:(
    Опции темы
dm9
Дата 12.5.2005, 22:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



table-layout: fixed надо ставить не ячейке, а таблице.

Вот так работает:
Код

<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; table-layout: fixed;">
        <tr>
          <td bgcolor="#7C93B3">
          <img src="../Graphic/Top_1_drugie_raboty.jpg" width="100%" height="71"></td>
        </tr>
      </table>


Ну и непропорциональное растягивание как-то не очень. Особенно для человека на картинке.

Только там всё равно плохая вёрстка пока. Картинок понаставлено много, и они раздвигают таблицу. Минимальная ширина сейчас 825 пикселей где-то... неплохо бы было до 780 подогнать. Например, пустое место слева от "покраски фасадов" убрать.

Ну и вообще, нижняя часть сайта у тебя не резиновая, статика smile

PM MAIL ICQ   Вверх
Urod
Дата 12.5.2005, 22:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Aliance smile
Добавлено @ 22:48
dm9 Ой, а я ссылку только что поменяла и комментарии к вопросам своим smile
Не бейте меня, посмотрите код, пож-та
PM MAIL   Вверх
Urod
Дата 12.5.2005, 23:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Есть у меня там справа столбец с картинками. Так вот он при таком коде пропадает smile
Код

<table style="width: 95%;  table-layout: fixed;" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><div align="left"><img class="padded" src="../Graphic/drygie_raboty/pic_1.jpg" ></div></td>
              </tr>
              <tr>
                <td><div align="right"><img class="padded" src="../Graphic/drygie_raboty/pic_2.jpg" ></div></td>
              </tr>
              <tr>
                <td><div align="center"><img class="padded" src="../Graphic/drygie_raboty/pic_3.jpg" ></div></td>
              </tr>
            </table>

Что я опять сделал не так? smile
PM MAIL   Вверх
Urod
Дата 12.5.2005, 23:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(dm9)
Ну и непропорциональное растягивание как-то не очень. Особенно для человека на картинке.

smile Поправила.

Цитата(dm9)
Только там всё равно плохая вёрстка пока. Картинок понаставлено много, и они раздвигают таблицу. Минимальная ширина сейчас 825 пикселей где-то... неплохо бы было до 780 подогнать. Например, пустое место слева от "покраски фасадов" убрать.

Дык как это сделаешь-то? Разве что ширину столбца уменьшить, но тогдауменьшиться и ширина всей страницы smile
А! Надо картинку (которая типа, как фон) уменьшить по ширине. Да?

Цитата(dm9)
Ну и вообще, нижняя часть сайта у тебя не резиновая, статика smile

Что-то я нигде пикселей не отставила (только %), а низ все равно не поджимается smile
Вот последняя редакция: http://www.webfile.ru/300251

Прошу прощения за суету в своих действиях и как следствие кучу ссылок
PM MAIL   Вверх
dm9
Дата 13.5.2005, 01:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата(Urod @ 13.5.2005, 00:26)
А! Надо картинку (которая типа, как фон) уменьшить по ширине. Да?


Ага.

Слушай, а тебе выложить сайт некуда так, чтобы он доступен был не в архиве? ну, зарегься на каком-нить бесплатном хостнге, типа www.nm.ru, www.hotbox.ru, www.russian.ru.

Уже не актуально, это просьба для следующего раза.

У тебя сейчас вообще что-то страшное smile

Я бы начал сначала и сделал для этого самого начала основу. Пусть пока мы осваиваем табличную вёрстку. Значит, сделай макет, основную таблицу с шириной 100%, ей пропиши нужные tr и td, определись, что в них будет. Пропиши что где будет прямо внутри таблицы. Затем - вложенные таблицы. И добавляй элементы по одному. И стиль держи, отступы в html-коде для внутренних элементов больше делай (я про исходник, табы ставь в начале строки, и чем глубже вложен элемент, тем больше отступ от начала строки), а то в твоём коде сейчас фиг разберёшься, пока не прогонишь через выравниватель.

По крайней мере, поймёшь, как это делается, прочувствуешь html. Это, конечно, если проект не "горит", если время позволяет этот сайт сделать с пользой для себя smile

Если этот вариант пойдёт, сделай этот макет, выложи его тут (в новой теме), я покажу ошибки, помогу подправить.

Добавлено @ 01:28
Вообще, чтобы ориентировалась, вёрстка твоего сайта - это нормальный рабочий день, со всеми доводками. Примерно так.

Это сообщение отредактировал(а) dm9 - 13.5.2005, 01:30
PM MAIL ICQ   Вверх
Urod
Дата 13.5.2005, 08:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



dm9 Не, сайт не горит, слава Богу smile Он для себя, вдруг получится smile
Да, кто-то должен остановить от постоянно наваливающегося желания делать дальше и дальшне и быстро. Надо все начать сначала. Угу.
Значит разметка страницы и т.д. методично.
Можно я после каждого этапа верстки буду тебе скидывать сраничку на проверку? smile
А что это за выравниватель такой? Он облегчает верстку? smile
PM MAIL   Вверх
dm9
Дата 13.5.2005, 11:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Вёрстку облегчает не выравниватель, а грамотное оформление исходного кода smile

Выравниватель - это когда надо разобраться в чужом коде, причём быстро, причём не расставляя отсупы руками smile

Мне не надо скидывать, выкладывай страничку на всеобщее обозрение, причём не в архиве, а именно как страничку (выше написал примеры бесплатных хостингов).

Это сообщение отредактировал(а) dm9 - 13.5.2005, 15:52
PM MAIL ICQ   Вверх
Urod
Дата 13.5.2005, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(dm9 @ 13.5.2005, 11:34)
Мне не надо скидывать, выкладывай страничку на всеобщее обозрение, причём не в архиве, а именно как страничку (выше написал примеры бесплатных хостингов).

Пардон, именно это я и имела в виду, просто не точно написала. smile
PM MAIL   Вверх
Urod
Дата 13.5.2005, 19:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



dm9 Эээ, на nm.ru я уже давно существую, но вот, как дать доступ вам к содержимому ссылки (вы же не знаете моего пароля), я не пойму что-то...

Ну а пока вот разметка моей страницы (только тут вместо букв в коде фигня какая-то, но читабельная):
Код

<!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=iso-8859-1">
</head>

<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">Здесь титульная картинка-логотип (элемент 1) </td>
  </tr>
  <tr>
    <td width="70%" bgcolor="#7C93B3">Здесь меню (элемент 2) </td>
    <td width="30%" rowspan="3" bgcolor="#7C93B3"><table width="90%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>Таблица для картинок (элемент 8) </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
      Поле для таблицы для картинок (элемент 7) </td>
  </tr>
  <tr>
    <td width="70%"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>Контент (элемент 3) </td>
      </tr>
    </table>      
      <table width="90%"  border="0" cellspacing="0" cellpadding="0" align="center">
        <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>
      <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td>Здесь: Дизайн от... (элемент 6) </td>
  </tr>
</table>

</body>
</html>

Вопрос: элемент 3 имеет смысл выносить в отдельную ячейку или следует его просто вставить перед таблице (элемент 4)?
Какие будут замечания?

Это сообщение отредактировал(а) Urod - 13.5.2005, 19:59
PM MAIL   Вверх
dm9
Дата 13.5.2005, 20:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Там есть загрузка файлов. Заливаешь страничку... с картинками. Она будет доступна так.
http://your_name.nm.ru/folder/subfolder/1.html
Ну или если в корень заливаешь:
http://your_name.nm.ru/qwe.html

Только nm недоступен бывает часто из-за перегрузки серверов. Кажется, russian.ru получше будет.
Ну, вот, например, страничка. http://mitya.email.su/index.html (это бесплатный хостинг, email.su - то же самое, что такое russian.ru).

Добавлено @ 20:02
Создай новую тему, там про разметку говорить будем. ОК?

Добавлено @ 20:03
А вопросы про хостинг можно задать в форуме "Хостинг" (соседний с этим).

PM MAIL ICQ   Вверх
Urod
Дата 13.5.2005, 20:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(dm9 @ 13.5.2005, 20:01)
Создай новую тему, там про разметку говорить будем. ОК?

Да не вопрос! Я их тут уже кучи понаплодила smile smile
PM MAIL   Вверх
Urod
Дата 13.5.2005, 20:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Ну как же тут создать: http://email.su/?m=badlogin домен третьего уровня? smile
PM MAIL   Вверх
Aliance
Дата 13.5.2005, 21:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



[offtop]

Цитата(Urod @ 13.5.2005, 00:26)
Поправила.

Цитата(Urod @ 13.5.2005, 00:14)
сделал

smile одно из трех: либо я слепой, либо ты часто меняешь пол, либо у тебя раздвоение личности smile

[/offtop]
PM MAIL WWW ICQ Skype   Вверх
dm9
Дата 13.5.2005, 22:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Ну зарегистрируйся на email.su. Там же есть регистрация. И давай перемещаться с этим вопросом в форум по хостингу.

PM MAIL ICQ   Вверх
Urod
Дата 14.5.2005, 08:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Aliance Либо у меня опечаток полно! smile
PM MAIL   Вверх
Страницы: (3) Все 1 [2] 3 
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1070 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.