Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как использовать одно изображение для нескольких иконок?
 
 автор: maxam   (31.08.2011 в 04:07)   письмо автору
 
 

Вот на mail.ru сделано как-то, но я не понял как.

Одно фоновое изображение с разными иконками, а отображаются для каждой ссылки отдельные части (иконки) этого изображения. Как это сделать? Спасибо.

  Ответить  
 
 автор: AlexSol   (31.08.2011 в 05:42)   письмо автору
 
   для: maxam   (31.08.2011 в 04:07)
 

http://habrahabr.ru/blogs/css/115834/

  Ответить  
 
 автор: Maxam   (31.08.2011 в 22:24)   письмо автору
 
   для: maxam   (31.08.2011 в 04:07)
 

Кажется я непонятно выразился.

Вот представьте, есть картинка:

|-------------------------|
|     s            l      |
|     s            l      |
|     s            l      |
|-------------------------|


Мне нужно из этого изображения для фона отобразить лишь половину, чтобы видно было:

-------------|
    l        |
    l        |
    l        |
-------------|


Вот каким кодом CSS это можно сделать?

  Ответить  
 
 автор: sl1p   (31.08.2011 в 22:27)   письмо автору
 
   для: Maxam   (31.08.2011 в 22:24)
 

background: url(sprite.gif);
background-position: left top;

  Ответить  
 
 автор: AlexSol   (01.09.2011 в 05:56)   письмо автору
 
   для: Maxam   (31.08.2011 в 22:24)
 

может вы пример посмотрите?

управляйте свойствами background-position

  Ответить  
 
 автор: Гость   (01.09.2011 в 06:05)   письмо автору
 
   для: Maxam   (31.08.2011 в 22:24)
 

То что по ссылке вы читать конечно не пробовали?

  Ответить  
 
 автор: Maxam   (01.09.2011 в 09:50)   письмо автору
 
   для: Гость   (01.09.2011 в 06:05)
 

Конечно пробовал. Там параметры, которые не поймёт старый браузер.

  Ответить  
 
 автор: AlexSol   (01.09.2011 в 11:47)   письмо автору
 
   для: Maxam   (01.09.2011 в 09:50)
 

например

  Ответить  
 
 автор: Гость   (01.09.2011 в 12:51)   письмо автору
 
   для: Maxam   (01.09.2011 в 09:50)
 

Да там слегка это дело наворочено. Но в самом же начале написано что это работает везде. По теме - гуглите любую статью на тему "css sprite".

  Ответить  
 
 автор: Maxam   (02.09.2011 в 09:43)   письмо автору
 
   для: maxam   (31.08.2011 в 04:07)
 

Нашел пример:
.plus {
display:block;
width:9px;
height:9px;
background:url(img/sprite.png) no-repeat scroll -10px 0px;
float:left;
}

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования