CSS. Как прописать фоновую картинку

Аватара пользователя
Евгений
Сообщения: 228
Зарегистрирован: 01 янв 2010
Народ хочу вставить фоновую картинку.
Вот часть кода.
Моё

Код: Выделить всё

   .news_date {
      float: right; padding: 1px 8px 1px;
      white-space: nowrap; font-family: "Courier New",Courier,monospace;
      color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4;
   }

Я сделал так но не помогло!
Изменил

Код: Выделить всё

   .news_date {
       background: url( templates/default/images/cat_mini.jpg );
      float: right; padding: 1px 8px 1px;
      white-space: nowrap; font-family: "Courier New",Courier,monospace;
      color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4;
   }


добавлено

Разобрался!

Аватара пользователя
SuBbI
Сообщения: 161
Зарегистрирован: 02 янв 2010
и как?

Аватара пользователя
Евгений
Сообщения: 228
Зарегистрирован: 01 янв 2010
Вот так.
Вот так.

Код: Выделить всё

   .news_date {
       background: url(../images/cat_mini.jpg);
      float: right; padding: 1px 8px 1px;
      white-space: nowrap; font-family: "Courier New",Courier,monospace;
      color: #333333; border: 1px solid #B4B4B4;
   }

Из строчки

Код: Выделить всё

      color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4;

Надо удалить

Код: Выделить всё

background: #F2F2F2;

Аватара пользователя
SuBbI
Сообщения: 161
Зарегистрирован: 02 янв 2010
Меня больше интерисует как весь блок сверстать в картинку

Аватара пользователя
Евгений
Сообщения: 228
Зарегистрирован: 01 янв 2010
воо.
Меня тоже.
Это прикольнее!

Аватара пользователя
Distructor
Администратор
Сообщения: 1631
Зарегистрирован: 28 дек 2009
тогда описывайте подробнее что надо получить, я из всей темы ничего не понял)

Аватара пользователя
Евгений
Сообщения: 228
Зарегистрирован: 01 янв 2010
что я хотел получить я уже разобрался.
Сейчас мы хотим узнать как в CSS сменить как бы фон ПОСЛЕДНИХ НОВОСТЕЙ как раньше было на торрентусе.
Там помоему 3 картинку нужно.
С лева и с права и по середине.
Вот как это всё сделать?
Куда картинки прописывать?
SuBbI
У тебя же был стиль торрентуса.
Можешь его мне в ЛС кинуть?
Я по смотрю.

Аватара пользователя
Distructor
Администратор
Сообщения: 1631
Зарегистрирован: 28 дек 2009
kartel писал(а):Вот как это всё сделать?
набросал темку viewtopic.php?t=190

Аватара пользователя
Евгений
Сообщения: 228
Зарегистрирован: 01 янв 2010
ооо.
Прикольно.
Только в html файле я это прописал.
А как на движке?
Собственно вот код CSS.
CSS код с движка v1
#latest_news { margin-bottom: 8px; }
#latest_news table {
border-collapse: collapse;
}
#latest_news h3 { padding: 0 0 3px 0; color: #333333; }
#latest_news td { vertical-align: top; }
.news_date {
float: right; padding: 1px 8px 1px;
white-space: nowrap; font-family: "Courier New",Courier,monospace;
color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4;
}
.news_title {
padding: 3px 8px 2px; margin-bottom: 2px;
background: transparent url(../images/hr400_ltr_gradient.jpg) no-repeat left top;
}
#latest_news a { text-decoration: none; color: #000000; }
#latest_news .new a { color: #A52A2A; font-weight: bold; }


Чё в нём нужно поменять?

Аватара пользователя
Distructor
Администратор
Сообщения: 1631
Зарегистрирован: 28 дек 2009
Чё в нём нужно поменять?
полностью заменить на стили по уроку. Весь список стилей получишь выполнив урок попорядку


Вернуться в «Вопросы по веб-дизайну и верстке»