ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков
25 сообщений из 37, страница 1 из 2
  1  все
Фон у заголовков
    #37978584
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
есть заголовок H1 H2 не суть. Необходимо сделать примерно следующее:

ЗАГОЛОВОК /////////////////////////////////////////////////////////////
ЗАГОЛОВОК ПОБОЛЬШЕ ///////////////////////////////////////////////

где "/////" некий повторяющийся фон.

Реально ли это сделать только через css не допиливая доп. тегами? Если да, то как?
...
Рейтинг: 0 / 0
01.10.2012, 14:31:30
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978638
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
SharuPoNemnogu, не понял, а в чём сложность?
...
Рейтинг: 0 / 0
01.10.2012, 14:51:55
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978645
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
skyANA,

Фон идет и под текстом, а надо только после.
...
Рейтинг: 0 / 0
01.10.2012, 14:56:53
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978647
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Видимо он хочет замутить это в одном теге. Типа чтобы буквы полностью перекрывали фон.
...
Рейтинг: 0 / 0
01.10.2012, 14:56:55
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978649
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
SharuPoNemnoguРеально ли это сделать только через css не допиливая доп. тегами? Если да, то как?
Код: html
1.
<h3 style="background-image:url('h3-background.jpg')">ЗАГОЛОВОК</h3>
...
Рейтинг: 0 / 0
01.10.2012, 14:57:21
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978656
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
skyANASharuPoNemnoguРеально ли это сделать только через css не допиливая доп. тегами? Если да, то как?
Код: html
1.
<h3 style="background-image:url('h3-background.jpg')">ЗАГОЛОВОК</h3>

Ну так он будет светиться из-под букв. А автору это не надо.

Пасабжу: нереально.
...
Рейтинг: 0 / 0
01.10.2012, 15:01:52
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978657
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
SharuPoNemnoguФон идет и под текстом, а надо только после.А, вот оно что. А засунуть текст в span Вы не можете?
Вот так:
Код: html
1.
2.
3.
<h3 style="background-image:url('h3-background.jpg')">
  <span style="background-color:#fff">ЗАГОЛОВОК</span>
</h3>
...
Рейтинг: 0 / 0
01.10.2012, 15:02:40
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978661
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Разве что если текст будет фиксированный, то бекграунд можно жестко спозиционировать.
...
Рейтинг: 0 / 0
01.10.2012, 15:03:39
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978678
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
AntonariyРазве что если текст будет фиксированный, то бекграунд можно жестко спозиционировать.Ну это под каждый текст background-position придётся прописывать. Проще текст в span обернуть.
...
Рейтинг: 0 / 0
01.10.2012, 15:10:36
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978679
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
SharuPoNemnoguРеально ли это сделать только через css не допиливая доп. тегами?нет, нереально.

что вообще за стремление "сделать без доп. тегов"? давайте сделаем на всё про всё один див, а всю верстку - ему фоновым рисунком
...
Рейтинг: 0 / 0
01.10.2012, 15:10:51
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978685
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Все дизайнеры ... Рисуют и не думают. Про вариант со спаном это и сам уже думал. Только вот если заголовок очень длинный он на вторую строку перейдет, и опять будет жопа (извиняюсь). Плюс шаблоны движка переделывать. Не думаю нихрена, накорябают в своем фотошопе, а ты измудряйся потом.
...
Рейтинг: 0 / 0
01.10.2012, 15:15:51
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978706
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
SharuPoNemnoguТолько вот если заголовок очень длинный он на вторую строку перейдетпопробуй сделать для span стиль display: inline-block
...
Рейтинг: 0 / 0
01.10.2012, 15:24:21
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978715
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
А зачем повторяющийся фон запихивать внутрь тэгов H1/H2/H3 ? Почему нельзя после?
...
Рейтинг: 0 / 0
01.10.2012, 15:28:05
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978720
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
miksoft,

кстати идея!
...
Рейтинг: 0 / 0
01.10.2012, 15:32:12
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978776
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
miksoftА зачем повторяющийся фон запихивать внутрь тэгов H1/H2/H3 ? Почему нельзя после?По умолчанию заголовок - это блочный элемент. Чтобы поместить фон после него, надо будет вёрстку переделать :)
...
Рейтинг: 0 / 0
01.10.2012, 15:55:07
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978781
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
http://jsfiddle.net/uK3DS/1/
...
Рейтинг: 0 / 0
01.10.2012, 15:57:34
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978899
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Яростный Меч,

Да, наверно так и сделаю. Спасибо.

Другой вопрос. Чтобы не переделывать кучу файлов движка, а обернуть все заголовки в span через JS css подхватится?
...
Рейтинг: 0 / 0
01.10.2012, 16:32:32
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37978920
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
SharuPoNemnoguЧтобы не переделывать кучу файлов движка, а обернуть все заголовки в span через JS css подхватится?конечно подхватится
...
Рейтинг: 0 / 0
01.10.2012, 16:39:28
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37979549
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnoguобернуть все заголовки в span
Это не валидно...
...
Рейтинг: 0 / 0
02.10.2012, 08:48:55
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37979562
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
krvsa,

предложи валидный вариант с минимум махинаций по коду?
...
Рейтинг: 0 / 0
02.10.2012, 09:03:09
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37979751
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
SharuPoNemnogu, мне кажется, что krvsa подумал о том, что Вы собрались блочные элементы <h1> - <h6> в строчный <span> оборачивать, а не текст в заголовках :)
...
Рейтинг: 0 / 0
02.10.2012, 11:07:12
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980338
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANASharuPoNemnogu, мне кажется, что krvsa подумал о том, что Вы собрались блочные элементы <h1> - <h6> в строчный <span> оборачивать, а не текст в заголовках :)
Бинга-банга-угаданга!
...
Рейтинг: 0 / 0
02.10.2012, 15:08:29
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980346
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnoguпредложи валидный вариант с минимум махинаций по коду?
Мне понравился чей-о вариант с фоном "снизу", а заголовки "сверху". Но для предложения чего-либо у меня мало информации о фоне и вообще о самой задаче...
У тебя хоть дизайнерский рисунок есть! А у меня только это
SharuPoNemnoguЗАГОЛОВОК /////////////////////////////////////////////////////////////
ЗАГОЛОВОК ПОБОЛЬШЕ ///////////////////////////////////////////////

где "/////" некий повторяющийся фон.
...
Рейтинг: 0 / 0
02.10.2012, 15:12:44
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980365
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Т.е. я бы начал работать вот с таким вариантом...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding:0;
}
.fon {
	background-color: red;
}
.fon h1 {
	display: inline;
	/* более современно
	display: inline-block;
	*/
	background-color: #ffffff;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class='fon'>
	<h1>ЗАГОЛОВОК</h1>
</div>
<div class='fon'>
	<h1>ЗАГОЛОВОК ПОБОЛЬШЕ</h1>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
02.10.2012, 15:19:19
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980403
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
krvsa,

Чем этот вариант лучше
Код: html
1.
<h1><span>бла бла</span></h1>

?
...
Рейтинг: 0 / 0
02.10.2012, 15:37:20
| Ответить | Цитировать | Написать  
25 сообщений из 37, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37978584&tid=1449280]:
 0ms
get settings:
 8ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 69ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 87ms
get tp. blocked users:
 3ms
others: 230ms
total:  436ms
созд. / загр.: 436ms
x
x
Закрыть


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