Расположение маркера-картинки

Onveg · October 30, 2007

Здравствуйте. Возникла такая проблема:

Сколько бьюсь, не могу сделать так, что текст отображался на одном уровне с картинкой (а не ниже е?). Сам маркер нормальный (т.е. снизу, сверху ничего лишнего нет).

P.S. Поиск юзал, рецепты смотрел.

yopopt · October 30, 2007

Картинку фоном. Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>#</title>
	<style type="text/css">
		a {
			background: url(имя_картинки) no-repeat scroll 100% 50%;
			padding-left: ширина_картинки_и_ещ?_чуть-чуть; /* чтобы на картинку не наползал текст */
		}
	</style>
</head>
<body>
<a href="Lorem Ipsum" title="Lorem Ipsum">Lorem Ipsum</a>
</body>
</html>

Vlad · October 31, 2007

Есть еще варианты:

1. Текст. [Невалидно]

2. Текст. [Положение рисунка регулируется добавлением полей в графическом редакторе]

3. Текст. [Положение регулируется через top]

Cron · December 13, 2007

В случаях с маркером делаю картинки с запасом сверху пустого места.

Таким образом сам рисунок (который таким образом находится внизу картинки маркера) в роли маркера смотрится нормально, на уровне с первой строкой текста.

Sign In

Расположение маркера-картинки

Question

Onveg

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Cron

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information