Jump to content
  • 0

Background и аккардеон


param
 Share

Question

Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает.

Html:


<div id="eventaccordion">
<h4 class="mooblock-title mb1_1t">Заголовок</h4>
<div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div>
<h4 class="mooblock-title mb1_2t">Заголовок</h4>
<div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div>
</div>

CSS:


.mooblock-title{
border:1px solid #b4b0b0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px 10px;
margin-bottom:5px;

}
.mb1_1t{
height:100px;
background:url(../images/drive.gif)
}

П.С. аккордеон создаётся с помощью джумловского плагина Mooblock.

Edited by param
Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0

rus хм, не думаю что пробел и точка с запятой в конце правила, как-то влияют на отображение)

Justnewone а туда можно загрузить своё изображение, и как а то я что-то не разобрался...

Edited by param
Link to comment
Share on other sites

  • 0

rus хм, не думаю что пробел и точка с запятой в конце правила, как-то влияют на отображение)

ну просто нет слов :facepalmxd:

может вы еще и не думаете что закрывающая скобка "}" как то может повлиять на отображение, которой у вас в коде тоже нету?

Link to comment
Share on other sites

  • 0

Не надо утрировать.

После указания селектора идут фигурные скобки, в которых записывается необходимое стилевое свойство, а его значение указывается после двоеточия. Параметры разделяются между собой точкой с запятой, в конце этот символ можно опустить. CSS не чувствителен к регистру, переносу строк, пробелам и символам табуляции, поэтому форма записи зависит от желания разработчика

Источник: http://stepbystep.htmlbook.ru/?id=46

А скобку, просто не до конца скопировал.

Edited by param
Link to comment
Share on other sites

  • 0

Вот смоделировал http://jsfiddle.net/9VcCu/1/. Всё работает прекрасно, что ж это тогда(

можно матом, а? можно?

найди 10 отличий:


.mb1_1t{
height:100px;
background:url(../images/drive.gif)
}

и:


.mb1_1t{
height:100px;
background: url(http://savepic.net/2554807.gif) no-repeat;
}

Link to comment
Share on other sites

  • 0

Я все-таки склоняюсь к путям.

rus, по факту оно будет работать и без пробела и без точки с запятой.

согласен, но вот

привычка ставить в конце ';' очень хорошая, если добавлять стиль в процессе доработки иногда забывается поставить ее, а так никогда не забудется.

а пробел это уж тоже только для красоты и понимания, многие ставят tab.

Edited by Switch74
Link to comment
Share on other sites

  • 0

Softlink, поверь, я не просто так говорю, значит самолично сталкивался с подобной проблемой и по сему обратил пристальное внимание на эту тему, хотя сам в верстке только лишь адепт, но не мастер.

  • Like 1
Link to comment
Share on other sites

  • 0
можно матом, а? можно?

найди 10 отличий:

Если бы я указал там относительный путь, каким образом при моделирование отобразилась бы картинка.

Всем спасибо за ответы. Буду ещё разбираться в путях.

Edited by param
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy