Повтор рисунка (CSS)

Papochka
На сайте с 27.02.2009
Offline
40
1653

Здраствуйте.

Фон в шапке дублируется свойством repeat. Во всех разрешениях нормально, кроме 1024х768. Так вот, именно на 1024х768 трейтья копия фона отображается наполовину (голова рыбки, а должна полностью). Думаю, что нужно ограничить копирование фона до 2-х штук. Но как это сделать?

С Ув.Игорь.

glab
На сайте с 10.09.2008
Offline
42
#1

Вы бы лучше ссылку на сайт дали, проблема решилась бы быстрее. Так как-то сложновато сообразить.

Насколько я знаю, в css нельзя задать количество повторений (могу ошибаться).

Как сделать чтобы повторялось два раза? Нарисовать картинку где, то что вам нужно повторяется два раза, а потом сделать просто no-repeat.

Papochka
На сайте с 27.02.2009
Offline
40
#2

Обновил первый пост.

Papochka добавил 26.07.2009 в 23:22

Извиняюсь Игрался с CSS щас всё как было (см.первый пост)

glab
На сайте с 10.09.2008
Offline
42
#3

Не очень понял, что вам не нравиться.

на 1024х768 вроде нормально смотриться в Firefox'e.

В IE6, да, проблема с непрозрачным PNG. Поищите в google на тему "ie png fix".

[Удален]
#4

сделайте проще. просто сделайте

background: url(..) repeat-x top center;

чтобы рыбка была ровно по центру, тогда будет норм и в принципе похеру соклько повторений и куски какие по краям торчат)

Papochka
На сайте с 27.02.2009
Offline
40
#5

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#6

Рекомендую рыбу уменьшить и размножить. :)

И пофиксить баг с png в 6-м эксплорере.

Papochka
На сайте с 27.02.2009
Offline
40
#7

Видете слева в верху половина рыбки? Вот либо чтоб она полностью появилось, либо чтоб 2 раза продублировалась.

Papochka добавил 26.07.2009 в 23:29

bearman:
сделайте проще. просто сделайте

background: url(..) repeat-x top center;

чтобы рыбка была ровно по центру, тогда будет норм и в принципе похеру соклько повторений и куски какие по краям торчат)

Сделал по Вашему. Первая немного вылезает. Спасибо. Думаю, осталось только уменьшить её..

glab
На сайте с 10.09.2008
Offline
42
#8
Papochka:

в Firefox'e просто совсем по другому смотрится, поэтому и не понял проблемы сначала.

Теперь ясно.

Делаете одно td шириной как раз такой чтобы две рыбки поместились и второе td делаете оставшейся шириной, с тем же фоном но без рыбок.

И да, ещё раз напоминаю про IE и про то что в firefox тоже все не так)

Papochka
На сайте с 27.02.2009
Offline
40
#9

bearman, спасибо. Сделал как Вы сказали,помогло + уменьшил размер.

Алексей Барыкин,glab Есть файл стиля ie6.style думаю в нём копать. Спасибо за наводку буду разгребать. Только ещё не понятно как для firefox'а нормально сделать. НУ ладно, это дело гуглить уже буду.

Ещё раз всем спасибо за советы. Урл с поста убираю.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий