Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Проблема с картинкой на категориях.

Проблема с картинкой на категориях.

Страница: 1

Сообщений 1 страница 8 из 8

1

  • Автор: Irice
  • Заслуженный
  • Irice
  • Зарегистрирован: Вс, 10 Май 2009
  • Сообщений: 82
  • Уважение: +7
  • Позитив: +18
  • Пол: Женский
  • Последний визит:
    Ср, 14 Сен 2011 15:47:06

Поставила следующий код во второе окошко стиля.

Код:
/* CS1.3 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-position: right right;
  background-image: url("http://upforme.ru/uploads/0005/5f/4c/149-1-f.png");
  background-color: transparent; 
  background-repeat: no-repeat; 
  height: 20px;
  color: #202021;
  font-style: normal;
  text-align: right;
  Font-Family: Garamond;
  font-weight: normal;
  margin-right: 50px
  }

В Хроме это все выглядит так как оно мне хотелось:
http://i063.radikal.ru/1001/75/d5422a185eaf.jpg
Но при просмотре в Опере картинка на категории упорно стоит по центру, и вправо не сдвигается...
http://s50.radikal.ru/i130/1001/28/3e3df89116d8.jpg
Как это исправить?

Отредактировано Irice (Сб, 2 Янв 2010 17:26:02)

0

2

  • Автор: Le Soleil
  • Заслуженный
  • Le Soleil
  • Зарегистрирован: Сб, 29 Сен 2007
  • Сообщений: 665
  • Уважение: +416
  • Позитив: +648
  • Пол: Женский
  • Последний визит:
    Пн, 7 Янв 2019 18:22:45

Irice

Не забывайте указывать адрес форума в случае проблемы — иначе мы вам не сможем помочь!

0

3

  • Автор: Irice
  • Заслуженный
  • Irice
  • Зарегистрирован: Вс, 10 Май 2009
  • Сообщений: 82
  • Уважение: +7
  • Позитив: +18
  • Пол: Женский
  • Последний визит:
    Ср, 14 Сен 2011 15:47:06

Тьма
^ ^" адрес добавила.

0

4

  • Автор: Le Soleil
  • Заслуженный
  • Le Soleil
  • Зарегистрирован: Сб, 29 Сен 2007
  • Сообщений: 665
  • Уважение: +416
  • Позитив: +648
  • Пол: Женский
  • Последний визит:
    Пн, 7 Янв 2019 18:22:45

/* CS1.3 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-position: right right;
  background-image: url("http://upforme.ru/uploads/0005/5f/4c/149-1-f.png");
  background-color: transparent;
  background-repeat: no-repeat;
  height: 20px;
  color: #202021;
  font-style: normal;
  text-align: right;
  Font-Family: Garamond;
  font-weight: normal;
  margin-right: 50px
  }

Почему 2 раза прописано? Из-за этого и глюк )

+1

5

  • Автор: Irice
  • Заслуженный
  • Irice
  • Зарегистрирован: Вс, 10 Май 2009
  • Сообщений: 82
  • Уважение: +7
  • Позитив: +18
  • Пол: Женский
  • Последний визит:
    Ср, 14 Сен 2011 15:47:06

Тьма
Оо" действительно. Спасибо, вопрос исчерпан.

0

6

  • Автор: Dreammaker
  • Заслуженный
  • Dreammaker
  • Зарегистрирован: Вс, 10 Янв 2010
  • Сообщений: 11
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 17 Июн 2010 21:29:52

Тоже возникла проблема с картинками в категориях..
вот этот форум.

код

<style type="text/css">
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box font #pun-main #pun-category1.category h2 {background-image: url("http://i299.photobucket.com/albums/mm314/Malcolm-Jo/Dream%20new/preparation-5.png"); }
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box font #pun-main #pun-category2.category h2 {background-image: url("http://i299.photobucket.com/albums/mm314/Malcolm-Jo/Dream%20new/dream-corporation-2.png"); }
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box font #pun-main #pun-category3.category h2 {background-image: url("http://i299.photobucket.com/albums/mm314/Malcolm-Jo/Dream%20new/city-locality-1.png"); }
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box font #pun-main #pun-category4.category h2 {background-image: url("http://i299.photobucket.com/albums/mm314/Malcolm-Jo/Dream%20new/dwelling-zone-1.png"); }
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box font #pun-main #pun-category5.category h2 {background-image: url("http://i299.photobucket.com/albums/mm314/Malcolm-Jo/Dream%20new/outsideplaing-1.png"); background-color: #191919; }
</style>

Все отображается, все чудесно.. НО. отображается все нормально только в Опере.
Вопрос в том, как оптимизировать отображение этих элементов под Мозиллу? И можно ли это сделать?..
бились-бились, ничего не выходит (

0

7

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4739
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Dreammaker
Замените Ваш код на этот:

<style type="text/css">
#pun-category1.category h2 {background: url(Адрес изображения первой категории); }
#pun-category2.category h2 {background: url(Адрес изображения первой категории); }
</style>

Выделенные красным цифры - порядковый номер категории. Чтобы сделать то же самое для остальных - просто добавляйте строчку

#pun-categoryХ.category h2 {background: url(Адрес изображения); }

Отредактировано rps (Вс, 10 Янв 2010 14:55:02)

+1

8

  • Автор: Dreammaker
  • Заслуженный
  • Dreammaker
  • Зарегистрирован: Вс, 10 Янв 2010
  • Сообщений: 11
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Чт, 17 Июн 2010 21:29:52

Ох... спасибо большое )) решение оказалось куда проще, чем ожидалось...

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Проблема с картинкой на категориях.