[css] Картинка по центру ячейки

2354570

Как сделать при помощи CSS следующее: у ячейки таблицы есть фоновая картинка, но она должна быть отображена только один раз по вертикали и горизонтали (то есть должна быть отображена без повторов и находиться по центру ячейки вне зависимости от ширины или высоты ячейки - то есть всегда по центру, и по горизонтали, и по вертикали.

Fragaria

background-repeat: no-repeat;
background-position: center center;
background-image: url("image.gif");

artimon

А можно короче:
background: url(image.gif) center no-repeat;

Кстати, в url кавычки ненужны.

Fragaria

странно, но на сайте w3c в примерах кавычки стояли =)

artimon

w3c:
http://www.w3.org/TR/CSS21/syndata.html#uri
The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.
Т.е. кавычки ставить можно, но не обязательно. И, ещё, какой-то браузер (кажется Safari) не понимает url с кавычками.

stm7884696

Т.е. кавычки ставить можно, но не обязательно. И, ещё, какой-то браузер (кажется Safari) не понимает url с кавычками.
Это проблемы браузера сафари, а кавычки ставить надо, когда у тебя в адресе картинки присутствует пробел, или еще какая-нить НЕ нумеробуквенная фигня...
Иначе не только сафари перестанет понимать....

artimon

Safari встречается чаще, чем пробелы в именах картинок.

stm7884696

я бы этого не сказал...
но в данном случае - возможно....

2354570

Всем спасибо!
Оставить комментарий
Имя или ник:
Комментарий: