+ Ответить в теме
Страница 1 из 2 1 2 ПоследняяПоследняя
Показано с 1 по 10 из 12

Тема: background-image

  1. #1
    Местный Panich на пути к лучшему Аватар для Panich
    Регистрация
    05.05.2011
    Адрес
    Ростов-Москва
    Сообщений
    477

    background-image

    Есть картинка размером 2000 на 600 пикселей!
    Возможно ли её засунуть задним фоном в таблицу 1000 на 300 пикселей,но что бы она вся поместилась!?
    Уменьшить картинку корректно не получается-заметно ухудшается качество,что очень не желательно!!!

  2. #2
    Местный alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее Аватар для alexdrob
    Регистрация
    08.09.2009
    Адрес
    Краснодарский край
    Сообщений
    6,488
    Вы сами поняли чего хотите?
    Вы хотите уменьшить картинку но не уменьшать, это как?

  3. #3
    Местный Panich на пути к лучшему Аватар для Panich
    Регистрация
    05.05.2011
    Адрес
    Ростов-Москва
    Сообщений
    477
    Вот Вы можете задать размер картинке на странице и она будет меняться на Ваших условиях...так и здесь!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Документ Без Имени</title>
    <style type="text/css">
    .table{
    width:1200;
    height:400px;
    border:1;
    z-index:1;
    background: transparent;
    }
    img{
    position:fixed;
    z-index:0;
    width:800px;
    height:200px;
    top:10px;
    left:10px;
    }
    #qwe{
    background: transparent;
    }
    </style>
    </head>
    <body>

    <div>
    <img src="img_index/Untitled-2.gif">
    <table border="1" class="table">
    <tr>
    <td id="qwe">&nbsp;
    </td>
    </tr>
    <tr>
    <td>&nbsp;
    </td>
    </tr>
    </table>
    </div>

    </body>
    </html>

    Только ничего не выходит!Вот и прошу оказать опытных специалистов помощь!

  4. #4
    Местный alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее Аватар для alexdrob
    Регистрация
    08.09.2009
    Адрес
    Краснодарский край
    Сообщений
    6,488
    Вы хе написали что при сжатии ваша картинка теряет качество и вам этого не нужно. Так вот когда вы сжимаете её фотошопом, качество будет гораздо лучше чем её сожмёт браузер. Вам тогда точно не понравится :)

    А где тут ваша картинка? Untitled-2.gif? так вы её фиксированный размер задали, она и не будет меняться. Задавайте в процентах.

  5. #5
    Местный Panich на пути к лучшему Аватар для Panich
    Регистрация
    05.05.2011
    Адрес
    Ростов-Москва
    Сообщений
    477
    А какие проценты указать если нужно из 2000 на 1000 перевести!50%!?!?
    width:50%;  
    height:50%;

    Так тоже размер не меняется!!!

    Я сам картинку рисовал планшетом на размере 2000 на 2000 пх,потом обрезал ненужные края до 1000 на 600 пх!Но если переводить в фотошопе 1000 на 300 пх,то качество заметно портится,так как рисунок выполнен в виде наброска...
    Нас самом деле хочу создать парлакс эффект,а с таким качеством всё ужасно смотрится!!!(((

  6. #6
    Местный alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее Аватар для alexdrob
    Регистрация
    08.09.2009
    Адрес
    Краснодарский край
    Сообщений
    6,488
    Цитата Сообщение от Panich Посмотреть сообщение
    если переводить в фотошопе
    Цитата Сообщение от Panich Посмотреть сообщение
    то качество заметно портится
    а если переводить не в фотошопе, то качество будет ещё ужасней! Фотошоп в самом простом варианте без фильтров всяких вам переведёт именно так, как переведёт браузер при сжатии.

  7. #7
    Местный Panich на пути к лучшему Аватар для Panich
    Регистрация
    05.05.2011
    Адрес
    Ростов-Москва
    Сообщений
    477
    Шорошо!Вот смотрите:
    Я беру изображение,свойствами длины и высоты задаю ему размер...или,даже,в простом дремвьюере уменьшаю его мышкой-при этом оно не теряет качество,а лишь уменьшается в размерах!
    Вот я хочу добиться такого же эффекта,но для бекграунда!Но ничего не выходит!
    Почему вот здесь:
    http://www.thebeatlesrockband.com/
    http://www.dezignus.com/
    вон получается давольно качественным на глаз,а у меня всё размывается!?
    Последний раз редактировалось Panich; 17.06.2011 в 11:53.

  8. #8
    Местный alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее Аватар для alexdrob
    Регистрация
    08.09.2009
    Адрес
    Краснодарский край
    Сообщений
    6,488
    Цитата Сообщение от Panich Посмотреть сообщение
    Я беру изображение,свойствами длины и высоты задаю ему размер...или,даже,в простом дремвьюере уменьшаю его мышкой-при этом оно не теряет качество,а лишь уменьшается в размерах!
    Ну так в фотошопе есть различные настройки при сжатии, значит меняйте их пока вам не понравится.


    Цитата Сообщение от Panich Посмотреть сообщение
    но для бекграунда
    бэкграунда или тега img ?

  9. #9
    Местный Panich на пути к лучшему Аватар для Panich
    Регистрация
    05.05.2011
    Адрес
    Ростов-Москва
    Сообщений
    477
    Цитата Сообщение от alexdrob Посмотреть сообщение
    бэкграунда или тега img ?
    Пробовал для бекграунда,но не получилось!Теперь пробую изображением поиграть,но тут тоже проблема:
    с помощью z-index делаю,но тогда при изменении размера страницы,соответственно изображение остаются относительно заданных размеров в роцентах и страница ломается...
    Вот если бы можно было позиционировать бекграунд в процентах относительно ячейки-всё было бы на много проще!

  10. #10
    Местный alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее alexdrob обеспечил(а) себе прекрасное будущее Аватар для alexdrob
    Регистрация
    08.09.2009
    Адрес
    Краснодарский край
    Сообщений
    6,488
    Цитата Сообщение от Panich Посмотреть сообщение
    Пробовал для бекграунда,но не получилось!
    И не получится, на форуме много раз писали об этом. По этому я и пишу про фотошоп :)

    Попробуйте задать позиционирование блоку html, например relative иначе блок fixed будет выпадать из него.

+ Ответить в теме

Похожие темы

  1. background-image в CSS
    от NajjZ в разделе CSS
    Ответов: 2
    Последнее сообщение: 27.05.2011, 17:33
  2. background-image
    от Semenovich в разделе CSS
    Ответов: 1
    Последнее сообщение: 27.12.2010, 08:17
  3. Background-image в IE
    от siuzi_drum в разделе CSS
    Ответов: 0
    Последнее сообщение: 23.11.2010, 09:04
  4. background-image в tr
    от MHz в разделе CSS
    Ответов: 3
    Последнее сообщение: 24.04.2010, 10:39
  5. background-image и background-color в Опере
    от 123UBA123 в разделе HTML
    Ответов: 1
    Последнее сообщение: 31.07.2009, 11:48

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения