X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
> background-image
Panich
Panich
Topic Starter сообщение 16.6.2011, 21:13; Ответить: Panich
Сообщение #1


Есть картинка размером 2000 на 600 пикселей!
Возможно ли её засунуть задним фоном в таблицу 1000 на 300 пикселей,но что бы она вся поместилась!?
Уменьшить картинку корректно не получается-заметно ухудшается качество,что очень не желательно!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 16.6.2011, 21:54; Ответить: alexdrob
Сообщение #2


Вы сами поняли чего хотите?
Вы хотите уменьшить картинку но не уменьшать, это как?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 17.6.2011, 12:53; Ответить: Panich
Сообщение #3


Вот Вы можете задать размер картинке на странице и она будет меняться на Ваших условиях...так и здесь!
<!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>

Только ничего не выходит!Вот и прошу оказать опытных специалистов помощь!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 17.6.2011, 13:08; Ответить: alexdrob
Сообщение #4


Вы хе написали что при сжатии ваша картинка теряет качество и вам этого не нужно. Так вот когда вы сжимаете её фотошопом, качество будет гораздо лучше чем её сожмёт браузер. Вам тогда точно не понравится :)

А где тут ваша картинка? Untitled-2.gif? так вы её фиксированный размер задали, она и не будет меняться. Задавайте в процентах.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 17.6.2011, 13:20; Ответить: Panich
Сообщение #5


А какие проценты указать если нужно из 2000 на 1000 перевести!50%!?!?
width:50%;
height:50%;

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

Я сам картинку рисовал планшетом на размере 2000 на 2000 пх,потом обрезал ненужные края до 1000 на 600 пх!Но если переводить в фотошопе 1000 на 300 пх,то качество заметно портится,так как рисунок выполнен в виде наброска...
Нас самом деле хочу создать парлакс эффект,а с таким качеством всё ужасно смотрится!!!(((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 17.6.2011, 13:31; Ответить: alexdrob
Сообщение #6


(Panich @ 17.6.2011, 16:20) *
если переводить в фотошопе

(Panich @ 17.6.2011, 16:20) *
то качество заметно портится

а если переводить не в фотошопе, то качество будет ещё ужасней! Фотошоп в самом простом варианте без фильтров всяких вам переведёт именно так, как переведёт браузер при сжатии.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 17.6.2011, 13:43; Ответить: Panich
Сообщение #7


Шорошо!Вот смотрите:
Я беру изображение,свойствами длины и высоты задаю ему размер...или,даже,в простом дремвьюере уменьшаю его мышкой-при этом оно не теряет качество,а лишь уменьшается в размерах!
Вот я хочу добиться такого же эффекта,но для бекграунда!Но ничего не выходит!
Почему вот здесь:
http://www.thebeatlesrockband.com/
http://www.dezignus.com/
вон получается давольно качественным на глаз,а у меня всё размывается!?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 17.6.2011, 13:54; Ответить: alexdrob
Сообщение #8


(Panich @ 17.6.2011, 16:43) *
Я беру изображение,свойствами длины и высоты задаю ему размер...или,даже,в простом дремвьюере уменьшаю его мышкой-при этом оно не теряет качество,а лишь уменьшается в размерах!

Ну так в фотошопе есть различные настройки при сжатии, значит меняйте их пока вам не понравится.


(Panich @ 17.6.2011, 16:43) *
но для бекграунда

бэкграунда или тега img ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 17.6.2011, 14:09; Ответить: Panich
Сообщение #9


(alexdrob @ 17.6.2011, 16:54) *
бэкграунда или тега img ?

Пробовал для бекграунда,но не получилось!Теперь пробую изображением поиграть,но тут тоже проблема:
с помощью z-index делаю,но тогда при изменении размера страницы,соответственно изображение остаются относительно заданных размеров в роцентах и страница ломается...
Вот если бы можно было позиционировать бекграунд в процентах относительно ячейки-всё было бы на много проще!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 17.6.2011, 14:21; Ответить: alexdrob
Сообщение #10


(Panich @ 17.6.2011, 17:09) *
Пробовал для бекграунда,но не получилось!

И не получится, на форуме много раз писали об этом. По этому я и пишу про фотошоп :)

Попробуйте задать позиционирование блоку html, например relative иначе блок fixed будет выпадать из него.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вставлять username в background?
18 rieltor_hb 5619 19.7.2014, 21:25
автор: -HTMLandPHP-
Открытая тема (нет новых ответов) Взрыв мозга background-size
4 Андрей Ефимов 3601 17.4.2014, 13:08
автор: -Андрей Ефимов-
Открытая тема (нет новых ответов) background резиновой таблички
0 Aleksey E-krit 5753 24.6.2011, 17:20
автор: -Алексей_-
Открытая тема (нет новых ответов) Image Crop
1 index.html 3182 2.2.2011, 19:52
автор: -ZhukV-
Открытая тема (нет новых ответов) Background-image в IE
0 siuzi_drum 7425 23.11.2010, 11:04
автор: -siuzi_drum-


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:44
Дизайн