Comments 17
UFO just landed and posted this here
Проблема в том, что после этой строки еще может быть одно, и тогда выравнивание данной строки по середине высоты не поможет.
UFO just landed and posted this here
нет, так не помогает, так как в строку выписаны несколько ссылок и к ним картинки.
После недолгих манипуляций я пришел к коду:
ul li {background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);
вполне возможно заменить, единственный минус что придется для каждого пункта меню прописывать свои параметры :(
После недолгих манипуляций я пришел к коду:
ul li {background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);
вполне возможно заменить, единственный минус что придется для каждого пункта меню прописывать свои параметры :(
Извините, вот правильный код:
ul li {
background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);
}
ul li {
background: url('image.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png,sizingMethod=crop);
}
У вас высота меню что ли варьируется? Шрифт не заданной величины?
Да, может варироваться, шрифт ссылки зависит от того в какой элемент оформления она вклюена.
Вообще про позиционирование png, подгруженных черед AlphaImageLoader, недавно говорили здесь, упоминались кроп и доп. разметка. Я пока в этом не колупалась, но мне почему-то кажется, что из кропа ничего, адекватного примеру не выйдет=/
Как вариант можно для каждого цветового решения нарезать иконки сделать их гифами (http://www.artlebedev.ru/tools/technogre…). Минус данного решения очевиден.
что то нифига не понятно. а делать картинку фоном к ссылке (без повтора) и отодвигать padding`ом не подойдет?
лучше кусок кода, т.к. всё зависит от "контейнера"
лучше кусок кода, т.к. всё зависит от "контейнера"
Я поняла так: код стандартный менюшный, т.е. <ul><li><a></a> <li><a></a> и т.д. Высота не фиксированная, и вообще ссылка может быть в несколько строчек. Нужно, чтобы фон, полупрозрачное png, автоматически центрировался по высоте.
Пойдет, но разница в том что картинка-то png-шная, и для простой картинки все легко, вставил ее, указал общий класс в котором ссылка на htc-файл и все (делается одним классом), а так придется для каждой ссылки указываьб свой класс с описанием фона, размножая тем самым строки в ксс...
возможно решение проще - сделать всё-таки для каждого оформления свою подпапку типа templates/red/images и templates/dark/images и не напрягаться с png?
дак на сайте так и сделано, но иконки эти частенько переделывают и изменяют :( и получается что для каждого варианта приходится рисовать по пачке иконок; +постоянно увеличивается количество вариантов. (они сделаны типа для каждого раздела) Следовательно проблемы не решает, да и способ с написанием стилей для конкретного пункта меню получается всетаки проще вашего.
Хотя всетаки самый простой вариант использовать absmiddle и общий htc-файл для всех png. Но это дает количество ошибок в валидаторе равное пунктам меню :(
Хотя всетаки самый простой вариант использовать absmiddle и общий htc-файл для всех png. Но это дает количество ошибок в валидаторе равное пунктам меню :(
Sign up to leave a comment.
Absmiddle — забыть или стоит помучиться?