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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Процентные разеры таблиц, Их суть 
:(
    Опции темы
Urod
Дата 10.5.2005, 01:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: -1
    1smile Я сделал так:
    Код

    <div style="height: 100px; overflow: hidden;"><img src="../Graphic/Top_1_krovlya1.jpg" alt="" /><img src="../Graphic/Top_1_krovlya2.jpg" alt="" /><img src="../Graphic/Top_1_krovlya3.jpg" alt="" /><img src="../Graphic/Top_1_krovlya4.jpg" alt="" /><img src="../Graphic/Top_1_krovlya5.jpg" alt="" />
      </div>

    При более низком разрешении экрана, у меня с этой картинкой (которая остоит из 5 картинок) происходит следующее: первые три картинки остаются на месте, а две последние сплзают вниз (под первые три) при этом справа от первых трех просто отсается пустое место (предназначенное для двух последних картинок). Это что такое получилось-то? smile


    2 И появилась новая проблема: у меня в главной ячейке (т.е. где собственно вся информация) в качесве фона вставлена картинка. Так вот при измене разрешения экрана вся страничка (т.к. она не умещается в ширину) соответственно вытягивается вниз. И моя фоновая картинка тоже!!!! Но у нее есть свой размер по высоте, и как следствие, она начинает дублироваться снизу. Можно ли задать ей какой-то параметр, который будет ее растягивать вниз при каких-либо манипуляциях с экраном (например, изменением разрешения монитора) ? smile
    Добавлено @ 02:01
    Цитата(Aliance @ 10.5.2005, 01:51)
    Ставь 100%...

    Куда ставить-то? smile
    Код

    <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr  cellspacing="0" cellpadding="0" >
              <td bgcolor="#7C93B3">
              <div style="height: 100px; overflow: hidden;"><img src="../Graphic/Top_1_krovlya1.jpg" alt="" /><img src="../Graphic/Top_1_krovlya2.jpg" alt="" /><img src="../Graphic/Top_1_krovlya3.jpg" alt="" /><img src="../Graphic/Top_1_krovlya4.jpg" alt="" /><img src="../Graphic/Top_1_krovlya5.jpg" alt="" />
              </div>
              </td>
            </tr>
          </table>

    У меня вроде итак стоит smile


Это сообщение отредактировал(а) Urod - 10.5.2005, 02:42
PM MAIL   Вверх
Urod
Дата 10.5.2005, 02:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: -1
В общем, я так понимаю, что при изменении разрешения моя картинка (нарезанная на 5 маленьких картинок) просто не умещается полностью, и соответственно отображает только то, что влезает: первые три картинки (а отсальные ПОЛНОСТЬЮ уже не умещаются, и поэтому сползают вниз в виде маленькой полосочки). Что делать? smile
PM MAIL   Вверх
dm9
Дата 10.5.2005, 02:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Чё-то меня сейчас думать ломает особо сильно, но навскидку вот тебе: поставь высоту дива не 100px, а высоту твоей картинки...
PM MAIL ICQ   Вверх
Urod
Дата 10.5.2005, 02:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: -1
Не, не помогло smile А в чем идея описанного тобою примера? Я так понимаю, что картинка в принципе не влезит при уменшении разрешения экрана, т.к. она станет больше по ширене, чем ширина экрана. А подстраивать под ширину ячейки (куда она вставлена) картинка не собиирается (как я поняла). smile smile smile smile
Добавлено @ 02:43
А по поводу второй проблемы... Есть решение?
PM MAIL   Вверх
dm9
Дата 10.5.2005, 03:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Поставь не overflow: hidden, а overflow: auto, тогда поймёшь идею сразу smile
Сохрани сначала мой первый пример и замени там это.
Потом у себя замени, посмотри различия, подумай smile
PM MAIL ICQ   Вверх
Aliance
Дата 10.5.2005, 10:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


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

Репутация: 2
Всего: 137
Цитата(Urod @ 10.5.2005, 02:59)
Я сделал так:

Сделал или сделала?

Цитата(Urod @ 10.5.2005, 02:59)
height: 100px;

ИМХО, убери это вообще.

Цитата(Urod @ 10.5.2005, 02:59)
Можно ли задать ей какой-то параметр, который будет ее растягивать вниз при каких-либо манипуляциях с экраном (например, изменением разрешения монитора) ?

Да,
Код

background-repeat: [ norepeat | repeat-x | repeat-y ];


Цитата(Urod @ 10.5.2005, 02:59)
Куда ставить-то?

Туда, где у тебя 1100


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
dm9
Дата 10.5.2005, 10:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Цитата(Aliance @ 10.5.2005, 11:15)
ИМХО, убери это вообще.


А это смотря чем мы занимаемся. Если пытаемся скачками убирать картинки, то твоё имхо неверное...

Это сообщение отредактировал(а) dm9 - 10.5.2005, 10:36
PM MAIL ICQ   Вверх
PARROT
Дата 10.5.2005, 23:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50
В продолжении своей темы: фотопленка, сообщаю, что все прошло почти успешно, пленка растягивается и стягивается без скрола, единственное с чем мне не справится сейчас (наверно просто уже торможу, ночь), так это, лента никак не хочет вставать посередине кассеты с пленкой, ее почему-то тянет к верху.
Вот код:
Код

<html>
<head>
</head>
<body topmargin="0" leftmargin="0" bottommargin="0">
<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=64>
<table cellpadding=0 cellspacing=0 width=64>
<tr>
<td><img src=pic/top_film.gif></td>
</tr>
<tr>
<td><img src=pic/mid_film.gif></td>
</tr>
<tr>
<td><img src=pic/36k_film.gif></td>
</tr>
<tr>
<td><img src=pic/bot_film.gif></td>
</tr>
</table>
</td>
<td aling=absmiddle background=pic/film.gif style="background-repeat:repeat-x;">&nbsp;</td>
<td  height=60px width=60px><img src=pic/end_film.gif></td>
</tr>
</table>
</body>
</html>

smile Почти все просто.


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
dm9
Дата 10.5.2005, 23:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Ой, слушай, так не хочется в коде разбираться детально. Давай с картинками, а?

Цитата(PARROT @ 11.5.2005, 00:45)
aling=absmiddle

Такое точно есть? Знаю, есть align=center, есть valign=middle...

Вот цитата из спецификации...
Цитата
align = left|center|right|justify


Добавлено @ 23:51
Тем более aliGN, а не aliNG, как у тебя.
PM MAIL ICQ   Вверх
PARROT
Дата 11.5.2005, 00:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50
Цитата(dm9 @ 10.5.2005, 23:51)
Тем более aliGN, а не aliNG, как у тебя.

С картинками, так с картинками.
Это потому как мозг уже спит, а руки клаву ищут.

Все равно, середина как приклеенная кверху висит. И никуда. smile


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
dm9
Дата 11.5.2005, 00:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Так что, где картинки-то? smile
PM MAIL ICQ   Вверх
PARROT
Дата 11.5.2005, 07:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50
Как все картинки только сюда влезут....
Приду на работу, выложу на сервер и дам ссылку.

Это сообщение отредактировал(а) PARROT - 11.5.2005, 07:54


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
Urod
Дата 11.5.2005, 08:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: -1
Вот описание моего BODY стиля CSS. Сюда я вставила описание бэкграунда, но я-то описывала бэкграунд конкрентой ячейки (что указано в строке background-image: url '../Templates/Doma_gory/Fon_fasad.jpg');), а у меня растягиве6тся бэкграунд всей странички! smile Что тут не так?
Код

BODY {
  scrollbar-arrow-color:#FFDEAD;
  scrollbar-shadow-color:#B5C2D5;
  scrollbar-face-color:#B5C2D5;
  scrollbar-highlight-color:#FFDEAD;
  scrollbar-darkshadow-color:#FFDEAD;
  background-image: url('../Templates/Doma_gory/Fon_fasad.jpg');
  background-repeat: repeat-x;
  background-repeat: repeat-y;
  }


Код

<td style="background-image: url('../Templates/Doma_gory/Fon_fasad.jpg')" valign="top">


Это сообщение отредактировал(а) Urod - 11.5.2005, 09:07
PM MAIL   Вверх
Urod
Дата 11.5.2005, 09:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: -1
Я в шоке smile smile smile : вот что у меня получилось со страничкой, когда я попыталась растянуть фон по горизонтали и вертикали + сделать каринку шапки + поставить
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
наверх кода

Вот ссылка на мою страничку http://www.webfile.ru/297030
ПОМОГИТЕ!!!!!!
PM MAIL   Вверх
dm9
Дата 11.5.2005, 09:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Цитата(Urod @ 11.5.2005, 09:46)
  background-image: url('../Templates/Doma_gory/Fon_fasad.jpg');
  background-repeat: repeat-x;
  background-repeat: repeat-y;



Ну так, наверное, это не для body надо делать, а для той ячейки, в которой тебе нужен фон.

Доктайп вверху особо ни при чём...
PM MAIL ICQ   Вверх
Страницы: (10) Все « Первая ... 6 7 [8] 9 10 
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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