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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> background в CSS, минимальный размер изображения 
:(
    Опции темы
RS_Bob
Дата 28.11.2007, 22:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Привет всем. 
Есть код
<style type="text/css">

A.mainbutton {
 background: url('images/mainbutton.jpg'); 
 ...
 height: 13px; 
}

</style>

Проблема в том, что не выводит рисунок высотой менее 19 пикселей. Можно с этим как-то бороться?
PM MAIL   Вверх
Castro
Дата 28.11.2007, 23:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



RS_Bob, не выводит кто или что? Конкретизируем.
Вы присвоили елементу высотой 13px определённый фон определённого размера, то по идее Вы должны увидеть кусок картинки есть она больше 13px ну или её полностью если размер совпал.



--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 28.11.2007, 23:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Картинка высотой 26 пикс, но браузер не отображает фрагмент высотой менее 19 пикс.
PM MAIL   Вверх
Castro
Дата 29.11.2007, 00:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



RS_Bob, картинка 26, а блок в который её помещаете какой размер имеет?С чего Вы решили что он не отображает именно менее 19. Гиф 1х1 прекрастно отображается!
Какой браузер?
"Потому что гла....ИЕ" (с)


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 29.11.2007, 00:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Приведу код полностью
<style type="text/css">
A.link {
 background: url('images/a.jpg');
 position: absolute;
 top: 10px;
 left: 0px;
 display: block;
 width: 215px;
 height: 13px; 
}

A.link:hover {
 background-position:
 0px
 -13px;
}
</style>

Файл a.jpg имеет размер 215х26 пикселей и состоит из двух частей: верхняя - отображаемая постоянно и нижняя - отображаемая при наведении курсора. 
Строка  height: 13px задает размер отображаемого изображения 13 пикс (то есть только верхняя часть), но отображается еще и половина нижней части (опытным путем установлено - 19 пикс). Естественно, варьирование значением  height до 20 никаких результатов не приносит.
Пишу под ИЕ
PM MAIL   Вверх
Castro
Дата 29.11.2007, 00:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



А что вменяемые браузеры говорят по этому поводу?


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 29.11.2007, 01:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Opera говорит чтобы ею пользовались)

Добавлено через 5 минут и 35 секунд
Файрфокс тоже рисунок отображает корректно.
Не скажете, он не поддерживает innerHTML и window.external.AddFavorite ?
PM MAIL   Вверх
Castro
Дата 29.11.2007, 01:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



по window.external.AddFavorite читаем тут http://www.tigir.com/addbookmark.htm
innerHTML - поддерживает


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 29.11.2007, 01:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Я, конечно, слегка озадачен: не выводит ни одно сообщение посредством innerHTML.
PM MAIL   Вверх
Castro
Дата 29.11.2007, 01:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



Код

var text="YES";
document.getElementById('myId').innerHTML=text;
.......
<div id="myId"></div>

Вот ещё пример сегодня написал http://forum.vingrad.ru/forum/topic-184303.html с таким выводом.
В ИЕ есть проблемма с :hover, как это фиксилось в http://www.webmascon.com/topics/coding/42a.asp
Но ведь здесь же совершенно не то....


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 29.11.2007, 02:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



Я вообще-то чуть по-другому пишу
document.all.myId.innerHTML=text;

не думаю чот имеет принципиальное значчение.
PM MAIL   Вверх
Castro
Дата 29.11.2007, 11:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 5



RS_Bob, имеет.
Выбросите Вашу старую книгу по JS и почитайте что-нибудь на лет 5 свежее.
Так мой вариант у Вас не работает?


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
RS_Bob
Дата 29.11.2007, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 23.11.2007

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



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


 




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


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

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