При создании пункта меню (Джумла 1.7, и в других аналогично) есть такая опция: изображение ссылки. Несколько раз сталкивался: текст пункта меню всегда выравнивается по нижнему краю. Как сделать по центру? Где копать? На примере - сделать как кв красном квадрате.
Выравнивания текста внутри LI осуществляется с помощью отступов padding: Код (html): li { padding: (сверху)px (справа)px (снизу)px (слева)px; } Если padding недостаточно и нужно более точно выровнять текст относительно картинки ссылки - можно воспользоваться выравниванием самой картинки, применив к ней селектор li img и так же указав ему значение отступа padding: Код (html): li img { padding: (сверху)px (справа)px (снизу)px (слева)px; } Ещё точнее - присваиваете пункту меню li значение position: relative, а вложенной в него картинке position: absolut; и регулируете отступ картинки от краёв li с помощью параметров top / right / bottom / left. P.S.: а ещё можно выровнять картинку, относительно текста на той же строке по-старинке: Код (html): <img src="..." align="absmiddle" /> Но это довольно примитивный способ...