я указываю так:
.elem {
position: absolute;
cursor: pointer;
overflow: hidden;
background:url(images/drag.gif) no-repeat left top;
height:42px
}
и оно работает, но только в том случае, если мой главный файл имеет расширение html, т.е. index.html, если же я меняю (а это важный момент, в моем файле есть код php) его на index.php, то файл background'a напрочь отказывается становиться фоном, как быть?
Спустя 24 минуты, 38 секунд (2.07.2011 - 14:28) SoMeOnE написал(а):
Файрбагом посмотри, что там происходит с картинкой.
Спустя 16 минут, 58 секунд (2.07.2011 - 14:45) Stasonix написал(а):
| Цитата (SoMeOnE @ 2.07.2011 - 11:28) |
| Файрбагом посмотри, что там происходит с картинкой. |
(firebug report)
вот что при index.html:
.jScrollPaneDrag {
background: url("images/drag.gif") no-repeat scroll left top transparent;
cursor: pointer;
height: 42px;
overflow: hidden;
position: absolute;
}
а вот после того как index.html переименовал в index.php:
.jScrollPaneDrag {
background: none repeat scroll 0 0 #666666;
cursor: pointer;
overflow: hidden;
position: absolute;
}
я думаю не сложно заметить что background: url (???ПРОПАЛО???)
Спустя 13 минут, 21 секунда (2.07.2011 - 14:58) SoMeOnE написал(а):
Можно на index.pxp посмотреть, а то мистика какая то...)
Спустя 10 минут, 32 секунды (2.07.2011 - 15:08) Stasonix написал(а):
| Цитата (SoMeOnE @ 2.07.2011 - 11:58) |
| Можно на index.pxp посмотреть, а то мистика какая то...) |
да конечно, много кода, но ключевой момент в CSS, см. внизу:
<HTML>
<HEAD>
<TITLE> SCROLL-BAR </TITLE>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="jScrollPane.css" />
<script TYPE="text/javascript">
$(function() {
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:10, dragMaxHeight:43});
});
$('.scroll-wrap').click(function(){ alert("ok!");});
</SCRIPT>
<style type="text/css">
body{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px}
.scroll-wrap{width:300px;margin:40px auto; background-color: blue}
.scroll-pane{width:290px;height:200px;padding:0 0 0 10px;overflow:auto}
</style>
</HEAD>
<BODY>
<div class="scroll-wrap">
<div class="scroll-pane" style="background-color: red;">
<p>Напомним, что на днях испанская газета “ABC” дала ход уже громкому скандалу вокруг матча российского клуба против мюнхенской “Баварии”. Причём материал был написан по сведениям прокуратуры Испании. Подозрения основываются на записях телефонных разговоров членов тамбовской группировки – прям 90-е годы какие-то…</p>
<p>Одновременно со статьёй в “ABC” крупнейшая общеполитическая газета Испании "El Pais" пишет, что известный судья Бальтасар Гарсон направил информацию о "договорняке" в мюнхенскую прокуратуру. И утверждает, что один из задержанных – Леонид Христофоров – по телефону заранее сообщил другому – Геннадию Петрову – счёт матча. В другом телефонном разговоре якобы упоминается и уплаченная за сдачу матча сумма – 50 миллионов. В какой валюте была выплачена сумма: в молдавских леях или в венесуэльских боливарах – не уточняется.</p>
<p>Футбольный клуб “Зенит” сразу жёстко прокомментировал происходящее: “Игра, показанная "Зенитом" в матчах с "Баварией" и "Глазго Рейнджерс", является лучшим доказательством того, что победы петербуржцами были добыты в честной, бескомпромиссной борьбе. Высказанные в ряде СМИ предположения о якобы имевшем место сговоре оскорбляют все упомянутые клубы. В настоящее время юристы ЗАО ФК "Зенит" оценивают содержание оригиналов публикаций. После завершения этой работы будет принято решение о правовых способах защиты репутации клуба и спорта в целом…”</p>
</div>
</div>
</BODY>
</HTML>
а вот CSS:
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
}
.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
background:url(images/drag.gif) no-repeat left top;
height:42px
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background:url(images/but.gif) no-repeat center top;
height:18px;
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background:url(images/but.gif) no-repeat center top;
height:18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
а вообще лучше сделать архивом, так будет проще всем, только я не знаю как сюда архив вставить.
P.S. смысл кода в том, чтобы сделать скролл-бар у элемента стилизованный.
Спустя 23 минуты, 29 секунд (2.07.2011 - 15:32) inpost написал(а):
А где тут PHP?!
Спустя 8 минут, 24 секунды (2.07.2011 - 15:40) Stasonix написал(а):
| Цитата (inpost @ 2.07.2011 - 12:32) |
| А где тут PHP?! |
php здесь-то нету, но этот файл мне и нафиг не нужен, просто если я такое проделаю на файле, в котором будет php, то у элемента пропадет фоновое изображение. Ну а если тяжело вообразить что там есть php код, то просто добавь в любом месте <?php echo "PHP SCRIPT"; ?>.
Спустя 27 минут, 22 секунды (2.07.2011 - 16:08) inpost написал(а):
PHP - Серверный язык, человек получает лишь HTML страницу. Если тебе нужно фоновое изображение, то говорим мы конкретно уже о HTML + CSS, а никак не <php>, не понимаю смысла твоих слов в любом случае.
Зачем воображать? Я пришел помочь тебе с вопросом PHP, а тут его нету, то есть ты потратил моё время как минимум на то, чтобы открыть тему и прочитать вопрос, это как минимум неуважительное отношение к тем, кто тебе хочет помочь...
Зачем воображать? Я пришел помочь тебе с вопросом PHP, а тут его нету, то есть ты потратил моё время как минимум на то, чтобы открыть тему и прочитать вопрос, это как минимум неуважительное отношение к тем, кто тебе хочет помочь...
Спустя 26 минут, 25 секунд (2.07.2011 - 16:34) Stasonix написал(а):
| Цитата (inpost @ 2.07.2011 - 13:08) |
| PHP - Серверный язык, человек получает лишь HTML страницу. Если тебе нужно фоновое изображение, то говорим мы конкретно уже о HTML + CSS, а никак не <php>, не понимаю смысла твоих слов в любом случае. Зачем воображать? Я пришел помочь тебе с вопросом PHP, а тут его нету, то есть ты потратил моё время как минимум на то, чтобы открыть тему и прочитать вопрос, это как минимум неуважительное отношение к тем, кто тебе хочет помочь... |
все-равно спасибо, я так понял это лаги тех плагинов, которые я подключаю.
Спустя 18 минут, 37 секунд (2.07.2011 - 16:53) Stasonix написал(а):
оказалось все гораздо просто, кэш надо было очистить.