Щоб фонова картинка не розмножувалася по горизонталі (по вертикалі) при збільшенні дозволу екрану?
У стилях документа потрібно прописати
Допустимі значення параметра:
no-repeat - пригнічує розмноження
repeat-x - розмноження тільки по горизонталі
repeat-y - розмноження тільки по вертикалі
Для сумісності зі старими версіями браузерів рекомендується домалювати до фонової зображенні праворуч і / або знизу прозорим (для GIF) або збігається зі значенням BGCOLOR в
монотонним (для JPG) фоном смуги, довівши дозвіл картинки в потрібному напрямку як мінімум до 2048 пікселів. "Вага" картинки при цьому збільшиться незначно, оскільки монотонний фон добре стискається.
Щоб задати фонову картинку для елементу таблиці?
Параметр background для
не рекомендований стандартами HTML і не підтримується в Opera. Користуємося стилями:
Якщо ми хочемо, щоб фон не "розмножувався" по вертикалі або горизонталі, то додаємо в style параметр background-repeat, як описано у відповіді на попереднє запитання. Збільшувати розмір картинки для сумісності зі старими браузерами не потрібно - вони взагалі не покажуть її, оскільки не розуміють стилі.
Якщо всередині осередку c фоном ми збираємося використовувати таблиці, то в відповідних тегах потрібно вказувати background = "" для сумісності з NN.
Як зробити так. щоб фон сторінки залишався нерухомим при прокручуванні?
Це робити не рекомендується, оскільки прокрутка з нерухомим фоном
виконується повільніше.
Якщо вже ні в яку без цього не обійтися, то ось приклад сторінки з
нерухомим фоном в IE3 +, NN4 + і Opera:
Як зробити так, щоб при наведенні мишки будь-якої відмінний від посилання елемент (скажімо, осередок таблиці) поміняв оформлення (наприклад, фоновий колір)В CSS2 псевдоклас: hover може бути застосований не лише до заслання, але і до будь-якого іншого елемента. о, на жаль, IE не підтримує цю можливість. Тому чинимо так - пишемо в стилях:
І створюємо файл td.htc, в якому пишемо:
Тепер все осередки таблиць при наведенні мишки будуть підсвічуватися.
Зрозуміло, можна використовувати td.className: hover і td # idName: hover для підсвічування осередків певного стилю або конкретної комірки.
Що таке чересстрочная і прогресивна графіка, чому вона краща за звичайну і як її створити?
Чересстрочная графіка - це механізм, що дозволяє показати грубе наближення до загального вигляду картинки до її повного завантаження. Зберігати в цьому форматі всіляко рекомендується, оскільки користувач відразу отримує загальне уявлення про зображення і при необхідності може скасувати її завантаження, натиснути на посилання і т.п.
Як створити прозору графіку?
Таким чином, перш ніж зберігати картинку, потрібно пофарбувати всю абсолютна прозорість в один колір. PhotoShop, звичайно, дозволяє зробити прозорими і кілька кольорів, але при цьому ці кілька кольорів стають одним.
Розповідають, що yдобней створити альфа-канал, в котоpом і наpісовать пpозpачность. Та частина изобpажения, якому знаходиться під чорним областями альфа-каналу, бyде пpозpачной. Сохpанять звичайним способом.
Є і програми типу GIF Constructor Set, які допомагають визначити один із кольорів палітри GIF як прозорий.
Як створити анімацію?
Чи можна оптимізувати графіку (зменшити розмір)?
Так, і для цього є два основних способи.
Перший пов'язаний з форматом GIF і палітрованной графікою. За замовчуванням використовується палітра в 256 квітів. Але якщо ви _внімательно_ подивіться на свої картинки, то цілком зможете використовувати 64 кольору. Або 32. Або 16. Будь одноколірний текст, до речі, чудово уміщається в 8 кольорів. Крім того, горизонтальні послідовності однакових точок архівуються в GIF краще, ніж вертикальні :-). А якщо зменшити невикористовувані поля.
Другий пов'язаний з форматом JPEG і повноколірного графікою. Тут рецепт тільки один - міняйте ступінь стиснення. Можна також спробувати пограти з параметром Baseline.
Нарешті, якщо ви знайомі з форматом GIF, то подивіться, що пише в кінець файлу GIF Constructor Set. Це теж можна вирізати.
Схожі статті
|