Справка по позиционированию фона блога CSS

Question

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

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

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

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

Answer 1

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

Скажем, например, это ваша разметка:

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

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

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

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