ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Sprites
17 сообщений из 17, страница 1 из 1
CSS Sprites
    #38183658
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
Всем привет. Пытаюсь сделать sprite, да что-то не получается.
Проблема в том, что не работает property 'background-position' для ссылок. Я не понимаю почему. Chrome ее просто перечеркнул и все. Подскажите, пожалуйста, в чем может быть проблема. Может быть какого свойства не хватает. Заранее спасибо!
Код: css
1.
2.
3.
4.
5.
6.
7.
div.action-bar li a {
    background:url(user-actions-bar.png) no-repeat 0px 3px;
}

li a.cabinet {
    background-position: 0px -29px;
}



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div class="action-bar">
	<ul>
		<li><a href="#" class="articles">Статьи</a></li>
		<li><a href="#" class="cabinet">Личный кабинет</a></li>
		<li><a href="#" class="statistics">Статистика</a></li>
		<li><a href="#" class="note">Новая заметка</a></li>
		<li><a href="#" class="exit">Выйти</a></li>
	</ul>
</div>
...
Рейтинг: 0 / 0
14.03.2013, 12:58
| Ответить | Цитировать | Написать  
CSS Sprites
    #38183775
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
На картине не показано, но если раскрыть свойство 'background-position', то мы увидим следующее:
background-position-x:0px;
background-position-y:-29px;
...
Рейтинг: 0 / 0
14.03.2013, 13:34
| Ответить | Цитировать | Написать  
CSS Sprites
    #38183788
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
У тебя походу правило 0 -29 перекрыто правилом 0 3. По крайней мере хром так считает. Убери 0 и 3 из div.action-bar li a.
...
Рейтинг: 0 / 0
14.03.2013, 13:42
| Ответить | Цитировать | Написать  
CSS Sprites
    #38183839
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
AntonariyУ тебя походу правило 0 -29 перекрыто правилом 0 3. По крайней мере хром так считает. Убери 0 и 3 из div.action-bar li a.
Спасибо за предположение, но нет, все равно та же фигня, даже если убрать правильно "0 3". Есть еще идеи? :)
...
Рейтинг: 0 / 0
14.03.2013, 14:02
| Ответить | Цитировать | Написать  
CSS Sprites
    #38183849
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Computed Style что показывает?
...
Рейтинг: 0 / 0
14.03.2013, 14:06
| Ответить | Цитировать | Написать  
CSS Sprites
    #38183944
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
А разве установка бекграунда позволяется у строчных элементов? - Не вижу, чтобы ссылке указывался block или inline-block. Могу, конечно, ошибаться, но не припоминаю, чтобы когда-то (даже по ошибке) у того же span'а строчного был бекграунд.
...
Рейтинг: 0 / 0
14.03.2013, 14:43
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184109
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
ПаганельComputed Style что показывает?
Вроде показывает все правильно, но картинка не в измененном положении.
...
Рейтинг: 0 / 0
14.03.2013, 15:52
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184121
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
IDVsbruckА разве установка бекграунда позволяется у строчных элементов? - Не вижу, чтобы ссылке указывался block или inline-block. Могу, конечно, ошибаться, но не припоминаю, чтобы когда-то (даже по ошибке) у того же span'а строчного был бекграунд.
IDVsbruck , дело в том, что я даже ставил display:block/inline-block property, все равно ничего не изменялось.
...
Рейтинг: 0 / 0
14.03.2013, 15:55
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184182
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Еще одно предположение ...
Если бы ты сразу не уточнил, что это Хром, то я бы подумал, что это ФФ, поведение его. Не знаю, почему у них так устроено, но чтобы поменялся background-position, он должен был быть буквально определен в дефолтовом состоянии. Только после этого его можно изменить. Типа такого:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
div.action-bar li a {
    background-image:url(user-actions-bar.png);
    background-repeat:no-repeat;
    background-position:0px 3px;
}
li a.cabinet {
    background-position:0px -29px;
}


Возможно, в последних версиях Хрома наблюдается такая же фигня ... Почти на полгода потерялся (переключился на другую работу), поэтому не отслеживал изменения.
Попробуй, заработает ли? Все наблюдения пость, интересно.
...
Рейтинг: 0 / 0
14.03.2013, 16:23
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184274
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
IDVsbruckЕще одно предположение ...
Если бы ты сразу не уточнил, что это Хром, то я бы подумал, что это ФФ, поведение его. Не знаю, почему у них так устроено, но чтобы поменялся background-position, он должен был быть буквально определен в дефолтовом состоянии. Только после этого его можно изменить. Типа такого:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
div.action-bar li a {
    background-image:url(user-actions-bar.png);
    background-repeat:no-repeat;
    background-position:0px 3px;
}
li a.cabinet {
    background-position:0px -29px;
}


Возможно, в последних версиях Хрома наблюдается такая же фигня ... Почти на полгода потерялся (переключился на другую работу), поэтому не отслеживал изменения.
Попробуй, заработает ли? Все наблюдения пость, интересно.
Сорри что не назвал браузер сразу, просто все время забываю, что они все по разному работают :). В следующий раз сразу буду говорить что за браузер.
Вы оказались правы, поменяв на предложенный Вами вариант объявление repeat и position, Chrome показал, что "0px 3px;" перезатер "0px -29px;". Я убрал дефолтные "0px 3px;", и вроде все заработало! :)
Спасибо! Удачи! :)
...
Рейтинг: 0 / 0
14.03.2013, 16:49
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184352
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
MaximuS_GСорри что не назвал браузер сразуДа ладно, ты скриншот дал. А вот IDVsbruck должно быть стыдно, что его не узнал!
...
Рейтинг: 0 / 0
14.03.2013, 17:24
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184363
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaximuS_G
Участник
AntonariyMaximuS_GСорри что не назвал браузер сразуДа ладно, ты скриншот дал. А вот IDVsbruck должно быть стыдно, что его не узнал!
:)
...
Рейтинг: 0 / 0
14.03.2013, 17:28
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184378
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
IDVsbruckЕсли бы ты сразу не уточнил, что это Хром, то я бы подумал, что это ФФ
...
Рейтинг: 0 / 0
14.03.2013, 17:33
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184477
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ПаганельIDVsbruckЕсли бы ты сразу не уточнил, что это Хром, то я бы подумал, что это ФФмассированный миссридинг)
...
Рейтинг: 0 / 0
14.03.2013, 18:16
| Ответить | Цитировать | Написать  
CSS Sprites
    #38184738
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Ха! Мы, винничане, друг за друга горой!
...
Рейтинг: 0 / 0
14.03.2013, 21:26
| Ответить | Цитировать | Написать  
CSS Sprites
    #38186269
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
Код: css
1.
2.
3.
div.action-bar li a {  background:url(user-actions-bar.png) no-repeat 0px 3px;}

div.action-bar li a.cabinet { background-position: 0px -29px;}




а так тоже не будет работать?
...
Рейтинг: 0 / 0
15.03.2013, 20:18
| Ответить | Цитировать | Написать  
CSS Sprites
    #38186454
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Zoria
Код: css
1.
2.
3.
div.action-bar li a {  background:url(user-actions-bar.png) no-repeat 0px 3px;}

div.action-bar li a.cabinet { background-position: 0px -29px;}


MaximuS_G
Код: css
1.
2.
3.
4.
5.
6.
7.
div.action-bar li a {
    background:url(user-actions-bar.png) no-repeat 0px 3px;
}

li a.cabinet {
    background-position: 0px -29px;
}


Хм ... Найдите 3 отличия?
...
Рейтинг: 0 / 0
16.03.2013, 01:19
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Sprites
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1448586]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 171ms
get topic data:
 12ms
get first new msg:
 6ms
get forum data:
 3ms
get page messages:
 71ms
get tp. blocked users:
 2ms
others: 237ms
total:  538ms
созд. / загр.: 538ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]