ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков
37 сообщений из 37, показаны все 2 страниц
  все  
Фон у заголовков
    #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
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980416
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnoguЧем этот вариант лучше
Я наоборот не считаю его лучшим того, что привел я...
...
Рейтинг: 0 / 0
02.10.2012, 15:44:15
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980419
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
krvsa,

Я и имею ввиду чем твой (Ваш) вариант лучше? ))
...
Рейтинг: 0 / 0
02.10.2012, 15:45:48
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980425
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ибо!
SharuPoNemnoguТолько вот если заголовок очень длинный он на вторую строку перейдет, и опять будет жопа (извиняюсь).

А в моем варианте с

Код: css
1.
2.
3.
4.
.fon h1 {
	display: inline-block;
	background-color: #ffffff;
}



все должно получиться как надо... Хотя сам я и не пробовал...
...
Рейтинг: 0 / 0
02.10.2012, 15:47:53
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980436
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Даже без

Код: css
1.
display: inline-block;



можно подобрать варианты...
...
Рейтинг: 0 / 0
02.10.2012, 15:49:56
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980440
Фотография Имя пользователя1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Имя пользователя1
Участник
krvsa
Код: css
1.
2.
.fon h1 {
	display: inline-block;

в ИЕ7- inline-block нельзя применить к блочным элементам.
...
Рейтинг: 0 / 0
02.10.2012, 15:50:54
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980444
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnogu
Код: html
1.
<h1><span>бла бла</span></h1>

?
Хотя смотреться синемантически это будет лучше моего! Лучше используй его...
...
Рейтинг: 0 / 0
02.10.2012, 15:52:21
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980453
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Имя пользователя1krvsa
Код: css
1.
2.
.fon h1 {
	display: inline-block;

в ИЕ7- inline-block нельзя применить к блочным элементам.
Лёгким движение рук бруки превращаются... Превращаются брюки... В оригинальные шорты!!! (с) к/ф Брилиантовая рука

Код: 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.
<!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;
}
h1 {
	background-color: red;
	overflow: hidden;
}
h1 span {
	float: left;
	background-color: #ffffff;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<h1><span>ЗАГОЛОВОК</span></h1>
<h1><span>ЗАГОЛОВОК ПОБОЛЬШЕ</span></h1>
</body>
</html>
...
Рейтинг: 0 / 0
02.10.2012, 15:56:13
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980456
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Имя пользователя1,

Я уже сто лет как ниже 8го не верстаю. Это извращение. Да и я его видел только в ietester.
...
Рейтинг: 0 / 0
02.10.2012, 15:57:06
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980466
Фотография 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.
<!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;
}
h1 {
	background-color: red;
}
h1 span {
	background-color: #ffffff;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<h1><span>ЗАГОЛОВОК</span></h1>
<h1><span>ЗАГОЛОВОК ПОБОЛЬШЕ</span></h1>
</body>
</html>



ведут себя по-разному если ширина меньше длинного контента... Т.е. можно даже выбрать, что именно понравится.
...
Рейтинг: 0 / 0
02.10.2012, 16:00:46
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37980524
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
krvsa,

вот что то типа такого получается фон другой конечно)
...
Рейтинг: 0 / 0
02.10.2012, 16:22:58
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37981030
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnogu , так оно устраивает тебя?
...
Рейтинг: 0 / 0
02.10.2012, 23:00:16
| Ответить | Цитировать | Написать  
Фон у заголовков
    #37981194
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
krvsa,

Мне пофиг если честно, главное чтобы заказчика устроило)

Всем спасибо!
...
Рейтинг: 0 / 0
03.10.2012, 08:57:55
| Ответить | Цитировать | Написать  
37 сообщений из 37, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1449280]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 180ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 54ms
get tp. blocked users:
 1ms
others: 202ms
total:  478ms
созд. / загр.: 478ms
x
x
Закрыть


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