Jump to content
  • 0

Назначение каждому заголовку h1 картинки перед ним


Torner
 Share

Question

Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п.

Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?

Edited by Torner
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Привет!

Если бы это работало, я бы не задавал тут вопрос об этом)) Код обычный, его даже показывать нечего, я нормально знаю css, так что ошибок там нет. Самое главное у ссылок то нормально все работает - назначил бекграунд им без репита и к левому краю прижал его, у ссылок паддинг-лефт сделал на ширину самой картинки - все нормально работает, а у заголовков ни в какую картинка не появляется! И дисплэй блок им делал, и паддинги, и ширину с высотой - ничего не помогает.

Глупо, но может заголовкам вообще нельзя бекграунд назначать?) Я просто раньше никогда не пробовал им ставить бекграунды.

Edited by Torner
Link to comment
Share on other sites

  • 0
Глупо, но может заголовкам вообще нельзя бекграунд назначать?) Я просто раньше никогда не пробовал им ставить бекграунды.

Можно. Ниже или в самом HTML ни что не может переопределять стиль заданный в таблице стилей? Проверь в фаербаге, какие стили у тебя прописываются к h1.

Upd. Кстати, адрес к картинке корректно прописываешь? Попробуй задать один цвет.

Edited by sigma77
Link to comment
Share on other sites

  • 0

Нет, не переопределяет ничего, у меня только стили в таблице стилей в файле, больше нигде стилей нет.

Ну вот например код:

h1 {
font: bold 24px Tahoma, "Lucida Sans Unicode", Verdana, Arial, sans-serif;
text-align: center;
color: #008cff;
background: url(images/h1pic.jpg) no-repeat left center;
padding: 0 0 0 30px;
}

Не работает)) Если назначить цвет, например серый #ccc, то все заголовок окрашивается в серый, а картинки так и нет))

Link to comment
Share on other sites

  • 0

О! Точно. вот я идиот)) Спасибо за подсказку, я не так прописал адрес - прописывал просто images/, а надо было ../images/, т.к. у меня файл стилей в папке находится и из нее надо выйти посредством "../".

Спасибо большое за подсказку!)

Edited by Torner
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