Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков / 25 сообщений из 37, страница 1 из 2
  1  все
01.10.2012, 14:31:30
    #37978584
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фон у заголовков
есть заголовок H1 H2 не суть. Необходимо сделать примерно следующее:

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

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

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

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

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

Пасабжу: нереально.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2012, 15:02:40
    #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:03:39
    #37978661
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фон у заголовков
Разве что если текст будет фиксированный, то бекграунд можно жестко спозиционировать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2012, 15:10:36
    #37978678
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фон у заголовков
AntonariyРазве что если текст будет фиксированный, то бекграунд можно жестко спозиционировать.Ну это под каждый текст background-position придётся прописывать. Проще текст в span обернуть.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2012, 15:10:51
    #37978679
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фон у заголовков
SharuPoNemnoguРеально ли это сделать только через css не допиливая доп. тегами?нет, нереально.

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

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

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

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

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

где "/////" некий повторяющийся фон.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2012, 15:19:19
    #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:37:20
    #37980403
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фон у заголовков
krvsa,

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

?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фон у заголовков / 25 сообщений из 37, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 447ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449280]:
 0ms
get settings:
 6ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 154ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 206ms
total:  447ms
x
x
Закрыть


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