Absmiddle — забыть или стоит помучиться?

[@Grayscale]

Проблема в том, что после этой строки еще может быть одно, и тогда выравнивание данной строки по середине высоты не поможет.

[@Grayscale]

нет, так не помогает, так как в строку выписаны несколько ссылок и к ним картинки.

После недолгих манипуляций я пришел к коду:
ul li {background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);

вполне возможно заменить, единственный минус что придется для каждого пункта меню прописывать свои параметры :(

[@Grayscale]

Извините, вот правильный код:
ul li {
background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);
}

[@Sabiko]

У вас высота меню что ли варьируется? Шрифт не заданной величины?

[@Grayscale]

Да, может варироваться, шрифт ссылки зависит от того в какой элемент оформления она вклюена.

[@Sabiko]

Вообще про позиционирование png, подгруженных черед AlphaImageLoader, недавно говорили здесь, упоминались кроп и доп. разметка. Я пока в этом не колупалась, но мне почему-то кажется, что из кропа ничего, адекватного примеру не выйдет=/

[@Grayscale]

Поэтому я изадал этот вопрос здесь, может кто-то сталкивался с данной проблемой, т.к. большинство оставляют ошибку в валидаторе или отказываются от такого решения офомления :(

[@unspecified]

Как вариант можно для каждого цветового решения нарезать иконки сделать их гифами (http://www.artlebedev.ru/tools/technogre…). Минус данного решения очевиден.

[@Grayscale]

Ну дак тогда этот способ не легче описаного мной выше, когда для каждого элемента меню прописывается отдельный фон с фильтром для IE.

[@FuN_ViT]

что то нифига не понятно. а делать картинку фоном к ссылке (без повтора) и отодвигать padding`ом не подойдет?

лучше кусок кода, т.к. всё зависит от "контейнера"

[@Sabiko]

Я поняла так: код стандартный менюшный, т.е. <ul><li><a></a> <li><a></a> и т.д. Высота не фиксированная, и вообще ссылка может быть в несколько строчек. Нужно, чтобы фон, полупрозрачное png, автоматически центрировался по высоте.

[@Grayscale]

Да, правильно поняла, только походу решения данной проблемы в нормальном виде (кроме как присвоения отдельных классов элементам) нету :(

[@Grayscale]

Пойдет, но разница в том что картинка-то png-шная, и для простой картинки все легко, вставил ее, указал общий класс в котором ссылка на htc-файл и все (делается одним классом), а так придется для каждой ссылки указываьб свой класс с описанием фона, размножая тем самым строки в ксс...

[@FuN_ViT]

возможно решение проще - сделать всё-таки для каждого оформления свою подпапку типа templates/red/images и templates/dark/images и не напрягаться с png?

[@Grayscale]

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

Хотя всетаки самый простой вариант использовать absmiddle и общий htc-файл для всех png. Но это дает количество ошибок в валидаторе равное пунктам меню :(