| |
|
|
| | Мне нужно сделать что то подобное в заголовке H1: http://file.qip.ru/file/114081067/818f9dc7/cominfo.html
Толку хватает только на это:
h1{font-family: Arial, serif; font-size: 14pt; color: #FF0000; background: url('h1.gif'); background-repeat: no-repeat; background-position: right;}
|
а нужно чтобы эта красная бойда была сразу после текста.
помогите пожалуйста! | |
| |
|
|
| |
|
|
| |
для: job
(28.12.2009 в 14:46)
| | | если display:block тега h1 не обязателен, можно сделать так:
h1{
font-family: Arial, serif; font-size: 14pt;
color: #FF0000;
background: url('h1.gif');
background-repeat: no-repeat;
background-position: right;
display: inline-block;
padding-right: 30px; /* размер картинки +- визуально настроить */
}
|
либо
сделать точно так же но с элементом помещённым в h1
например:
h1{
font-family: Arial, serif; font-size: 14pt;
color: #FF0000;
}
h1 span {
background: url('h1.gif');
background-repeat: no-repeat;
background-position: right;
display: inline-block;
padding-right: 30px; /* размер картинки +- визуально настроить */
}
<h1><span>текст</span></h1>
|
так же, если варианты не подходят, можно ужасно извратиться с JS:)
взять текст из h1 поместить в блок посчитать длину + всякие там паддинги и т.п. и поставить background-position соответствующий высчитаной длине:) | |
| |
|
|
| |
|
|
| |
для: sl1p
(28.12.2009 в 16:53)
| | | О! Спасибо! Теперь я знаю что за display block и inline )) спасибо!!! говорила мама учись..... эх... | |
| |
|
|
