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

Поиск:

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


I ♥ <script>
****


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

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



Это был просто пример. smile
PM MAIL WWW ICQ Skype   Вверх
dm9
Дата 5.5.2005, 21:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Пример примером, но ты объясни, зачем клип... имхо, и так пойдёт. Или я чего-то не понимаю?

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


I ♥ <script>
****


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

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



dm9
Для body да, никакой нужны в нем нет smile
Просто дал, чтобы потом не возникло попутного вопроса.

ЗЫ: Urod где-то Се Ля Ви писал об этих 2уч св-вах, найди, почитай... в разделе JS по-моему было...
PM MAIL WWW ICQ Skype   Вверх
dm9
Дата 5.5.2005, 21:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Блин, что тут писать.
<div style="width: 100%; overflow: hidden"><img src="..." alt="" /></div>

Только это всё заплатки, и обрезанная картинка будет выглядеть некрасиво. Лучше сделать по-нормальному, то есть резиновую шапку. Как все везде делают.

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


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



Цитата(Aliance @ 5.5.2005, 20:48)
б) продвинутое:
сднелать картинку 20*1 (ширина 1), далее прописать такое в стилях для твоей ячейки

Не согласен. Вообще по-нормальному картинку для фона выбирают как можно больше. Например, этот же черный фон. Чтобы не было все так просто изменим его на полосатый - горизонтальные чередующиеся полосы. Тут лучше сделать картинку, на которую умещается две полосы по высоте. А ширину картинки сделать 256. GIF его сожмет в такой же размер как и шириной в 1 пиксель. Но нарисовать два раза 256 пикселей проще, чем полтыщи раз 1 пиксель. На зпгруженных старых компах это даже на глаз заметно.
PM MAIL ICQ   Вверх
dm9
Дата 5.5.2005, 21:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Cheba, интересная мысль. Не задумывался. Спасибо smile

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


Опытный
**


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

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



А что эти теги clip и overflow делают-то? smile
Подгоняют картинку под заданные размеры таблицы (процентные размеры)? Если так, то другие картинки странички тоже надо будет оформлять этими тегами?

dm9 А почему только картинка Top_1_krovlya.jpg шириной 1100 пикселей мешает страничке тянуться в соответствии с процентным размером? А другие картинки не мешают?
PM MAIL   Вверх
Aliance
Дата 5.5.2005, 22:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


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

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



Cheba
Естественно, зависит от требуемого рисунка smile

Urod
Прочти топ, который я тебе посоветовал. Прочти рекомендации.

Цитата(Urod @ 5.5.2005, 23:26)
А что эти теги clip и overflow делают-то?

1) это не теги smile
2) второй соответственно === управляем видимостью полосы прокрутки блока
первый === область усечения блока. Работает только при заданном overflow. В CSS2 оф. поддерживается только форма rect, далее идут координаты усечения: top, right, bottom, left, соответственно
PM MAIL WWW ICQ Skype   Вверх
Urod
Дата 6.5.2005, 12:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Aliance @ 5.5.2005, 22:34)

Цитата(Urod @ 5.5.2005, )
А что эти теги clip и overflow делают-то?

1) это не теги smile

А что это?


Цитата(Aliance @ 5.5.2005, 22:34)

2) второй соответственно === управляем видимостью полосы прокрутки блока
    первый === область усечения блока. Работает только при заданном overflow. В CSS2 оф. поддерживается только форма rect, далее идут координаты усечения: top, right, bottom, left, соответственно

Т.е. в итоге получатся обрезанные картинки? smile
PM MAIL   Вверх
Aliance
Дата 6.5.2005, 12:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


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

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



Цитата(Urod @ 6.5.2005, 13:42)
Т.е. в итоге получатся обрезанные картинки?

обрезанный контент, а что там (картинки, текст...) - это другой вопрос.

Цитата(Urod @ 6.5.2005, 13:42)
А что это?

теги - это парные контейнеры!
А это - CSS св-ва элемента!
PM MAIL WWW ICQ Skype   Вверх
Urod
Дата 6.5.2005, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Aliance @ 6.5.2005, 12:50)
обрезанный контент, а что там (картинки, текст...) - это другой вопрос.

Ну понятно. Мне это не пойдет: мне-то, вообще, нужно верхнюю (типа, логотип) картинку сделать динамичной, т.е. чтобы она подстраивалась (по размерам) под размеры разрешения экрана полдьзователя, и, как следствие, не появлялась горизонтальная прокрутка.
Т.е. размеры таблицы у меня процентные, а картинка не дает таблице менять свои размеры в соответствии с разрешением экрана, т.к. она большая 1100 px.

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


I ♥ <script>
****


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

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



А ее размеры процентными нельзя поставить?
Если нет - нужно с помощью JS...
PM MAIL WWW ICQ Skype   Вверх
Cheba
Дата 6.5.2005, 13:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



Цитата(Urod @ 6.5.2005, 12:56)
нужно верхнюю (типа, логотип) картинку сделать динамичной, т.е. чтобы она подстраивалась (по размерам) под размеры разрешения экрана полдьзователя

Это ж как? Как ты себе этот процесс представляешь? Поподробней опиши.
PM MAIL ICQ   Вверх
Urod
Дата 6.5.2005, 13:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Так, у меня все размеры в коде выставлены в процентах, НО! при изменении разрешения экрана у меня все равно появляется горизонтальная прокрутка, т.о. делаем вывод, что странички не подстаиваются под размер экрана (что странно) - значит где-то в коде ошибка.
По моей просьбе dm9 любезно согласился посмотреть мой код и дал заключение о том, что страницам сайта (размеры которых заданы в %) не подстраиваются под размеры экрана из-за большого размера картинки-логотипа (ее размер 1100 px), т.е. эта картинка мешает сужаться страничкам.
Мне кажется должно быть какое-то решение этого вопроса, т.к. сейчас у меня большая картинка, и даже если я ее переделаю на более мальнькую, то тогда при большем разрешении экрана будут пустые места на стиранице сайта. Т.е. я хочу сказать, что, наверняка, существет решение подстраивания размеров картинки под размеры странички. А размеры странички можно подстроить под размер разрешения экрана путем %.
Подскажите, пож-та. Я этого пока не знаю smile
PM MAIL   Вверх
PARROT
Дата 6.5.2005, 17:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(Urod @ 6.5.2005, 12:56)
мне-то, вообще, нужно верхнюю (типа, логотип) картинку сделать динамичной, т.е. чтобы она подстраивалась (по размерам) под размеры разрешения экрана полдьзователя, и, как следствие, не появлялась горизонтальная прокрутка.

Разрежь картинку на части. Те части которые можно растянуть, без рисунка, сделай их шириной в 1 px и высотой? в высоту логотипа.
Эту картинку в 1 px, что у тебя получится можно растягивать, если поставить ее в background.


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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