За последние 24 часа нас посетили 21713 программистов и 1018 роботов. Сейчас ищет 731 программист ...

Позиционирование изображения внутри TD

Тема в разделе "HTML и CSS", создана пользователем AterCattus, 9 окт 2008.

  1. AterCattus

    AterCattus Активный пользователь

    С нами с:
    6 фев 2008
    Сообщения:
    80
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    Никак не могу сообразить, как можно сделать следующее.
    Есть ячейка таблицы с определенными размерами (заданы жестко). Внутри данной ячейки должно быть изображение не превышающим по размерам ячейку. Размер изображения не известен. Нужно его спозиционировать по центру ячейки.
    Ничего лучше не придумал как, вставить в TD DIV с таким стилем:
    [css] width: 125px;
    height: 179px;
    background-repeat: no-repeat;
    background-position: center;
    background-image:url("/images/prod.png");[/css]

    Может есть вариант лучше? Заранее спасибо!

    P.S. Сама ячейка содержит background-image в виде рамки для данного изображения.
     
  2. neverlose

    neverlose Активный пользователь

    С нами с:
    27 авг 2008
    Сообщения:
    1.112
    Симпатии:
    20
    Ну если как бэкграунд, то всё верно, единственное, что форму записи можешь сократить на:
    background: url(images/prod.png) no-repeat 50% 50%;

    Ну а если же нужно картинку вствить то:
    <img src"images/prod.png" width="125" height="179" />

    Ширина и Высота равна ширине и высоте ячейки.
     
  3. AterCattus

    AterCattus Активный пользователь

    С нами с:
    6 фев 2008
    Сообщения:
    80
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    > что форму записи можешь сократить на
    не могу. настройки фона заданы в *.css, а имя файла устанавливается в html-коде при генерации страницы.

    >Ну а если же нужно картинку вствить то
    у меня в FF 2.0.0.17 после этого картинка растягивается для заполнения пространства, а не позиционируется по центру.
     
  4. S.t.A.M.

    S.t.A.M. Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    1.041
    Симпатии:
    0
    а чем тебя не устраивает:
    <td align="center" valign="center"><img ... ></td>
     
  5. AterCattus

    AterCattus Активный пользователь

    С нами с:
    6 фев 2008
    Сообщения:
    80
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    >S.t.A.M.
    не центрует, по крайней мере при описании через text-align и vertical-align
     
  6. sylex

    sylex Активный пользователь

    С нами с:
    9 ноя 2008
    Сообщения:
    625
    Симпатии:
    0
    Адрес:
    Омск
    CSS - text-align и HTML - align="center" - разные вещи..