Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > background в CSS

Автор: RS_Bob 28.11.2007, 22:16

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

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

</style>

Проблема в том, что не выводит рисунок высотой менее 19 пикселей. Можно с этим как-то бороться?

Автор: Castro 28.11.2007, 23:53

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

Автор: RS_Bob 28.11.2007, 23:58

Картинка высотой 26 пикс, но браузер не отображает фрагмент высотой менее 19 пикс.

Автор: Castro 29.11.2007, 00:02

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

Автор: RS_Bob 29.11.2007, 00:46

Приведу код полностью
<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 никаких результатов не приносит.
Пишу под ИЕ

Автор: Castro 29.11.2007, 00:52

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

Автор: RS_Bob 29.11.2007, 01:02

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

Добавлено через 5 минут и 35 секунд
Файрфокс тоже рисунок отображает корректно.
Не скажете, он не поддерживает innerHTML и window.external.AddFavorite ?

Автор: Castro 29.11.2007, 01:15

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

Автор: RS_Bob 29.11.2007, 01:21

Я, конечно, слегка озадачен: не выводит ни одно сообщение посредством innerHTML.

Автор: Castro 29.11.2007, 01:53

Код


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
Но ведь здесь же совершенно не то....

Автор: RS_Bob 29.11.2007, 02:04

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

не думаю чот имеет принципиальное значчение.

Автор: Castro 29.11.2007, 11:56

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

Автор: RS_Bob 29.11.2007, 13:44

Спасибо большое - работает smile