выравнивание в меню

[mcavalon]

добрый день форумчане!

с наступающим вас!

я php программист, с версткой иногда бывает проблемы. вот как сейчас например

есть меню

как мне сделать чтобы картинка возле слова была посередине а не снизу?

вот код

<li><a href="decoration/1.html"><img src="../images/point.png"  alt="•" align="middle" border="0"> Декорации</a></li>

[sammasati]

Убрать

align="middle"

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

Стилями можно подвинуть так:

li>a>img {
  position: relative;
  top: 0px; /* отступ сверху */
}

Но, по-моему, удобнее делать такие картинки через стили:

ul.menu>li>a {
  padding-left: 10px; /*Отступ слева у ссылки, чтобы было место для картинки*/
  background: url(../../images/point.png) left center no-repeat; /*загрузка картинки, путь относительно файла со стилями, left center - положение картинки, можно задавать пикселями */
}

С Наступающим!

Edited December 30, 2011 by sammasati

[mcavalon]

Огромное спасибо