2011-01-25 2 views
0

Я пытаюсь использовать кодировку для blogspot.com. Я в основном получил все остальное, за исключением одной проблемы, которая является частью моего дизайна.CSS blogspot background positioning help

Помимо названия блога, я проектировал его таким образом, чтобы изображение, плавающее рядом с заголовком блога, имело изображение. Это было бы легко, если бы я использовал добавление тега в раздел виджета, но если бы я мог поделиться этим среди людей (где у них также будет другое имя блога, которое приведет к разной длине), чтобы изображение перемещалось в соответствии с длина названия. У меня проблемы с этим.

Я понятия не имею, как я должен попытаться на это, как я не могу использовать PHP на Blogspot =/

Чтобы лучше понять, что я сказал, вот пример того, что я имел в виду http://i558.photobucket.com/albums/ss23/crayscrays/randomfonthelp.jpg

ответ

1

Поскольку он применяется в качестве фонового изображения, вы можете установить значение как «правое», чтобы заставить его перейти в правую часть элемента.

Скажем, к примеру, это разметка:

<h1>This is a blog post</h1> 

Ваш CSS будет выглядеть примерно так:

h1 { 
    background: transparent url(myimage.jpg) no-repeat right center; 
    padding-right: [widthOfImage]px; 
} 

Это позволит привести изображение в правой части текста.

+0

спасибо за помощь, но он не работает :(он остается на правах div, но не идет рядом с самим текстом. – Crays

+0

О, ну, ваш h1 будет элементом уровня блока. Установите заголовок как «display: inline-block», и вы должны увидеть, что вы ищете. – RussellUresti

+0

работает как шарм! Спасибо, куча, нужно искать, что такое встроенный блок XD – Crays