background-position

[bioz00]

Здрасте, есть нубовский вопрос:

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

Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице?

А еще желательно без background-size.

[Nekromancer]

Так однозначно - нет, нельзя.

[psywalker]

Здрасте, есть нубовский вопрос:

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

Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице?

А еще желательно без background-size.

Покажи полную картину того, как должно быть, и как НЕ должно. Прям с твоим бекраундом.

[bioz00]

Покажи полную картину того, как должно быть, и как НЕ должно. Прям с твоим бекраундом.

Полная картина имеет много лишнего

Суть вот в чем:

Длинная горизонтальная полоса меню, по краям должна закругляться а не обрываться резко. Если завершающие картинки ставить в крайние ячейки, а бэкграунд линию на всю таблицу, то она убого проступает в этих ячейках. А если ставить ее во все промежуточные ячейки, то получается громостско, поскольку их очень много и самих таких менюшек много.

мне вот пришла такая мысль: бэкграунд-линию ложить на всю таблицу, а завершающие картинки вложить в дивы и вынести за края position:absolute; left:-(длина картинки)px;

Не слишком ли хитро?

[psywalker]

Жаль, что картину нельзя увидеть, хотыбы примерный и с твоим бегом.

А что, если тупо имгу растянуть?

[bioz00]

Жаль, что картину нельзя увидеть, хотыбы примерный и с твоим бегом.

Что бы выцепить из этого "супа" только нужное, ушло бы полчаса

А что, если тупо имгу растянуть?

Всмысле растянуть? background-size?

Мне вот видится два варианта:

либо дивы по краям с абсолютной позицией, либо:

<table>
  <tr>
    <td class='leftend'></td>
    <td class='line'>тут еще таблица, уже с ячейками меню</td>
    <td class='rightend'></td>
  </tr>
</table>

Хотелось бы как-то опредилиться с более оптимальным способом на будущее.

Edited August 8, 2011 by bioz00

[psywalker]

Жаль, что картину нельзя увидеть, хотыбы примерный и с твоим бегом.

Что бы выцепить из этого "супа" только нужное, ушло бы полчаса

Ну и что? Ведь ты же хочешь, чтобы тебе помогли? Тогда создай для этого максимальные условия. Логично?

А что, если тупо имгу растянуть?

Всмысле растянуть? background-size?

Нет. В смысле обычный тег <img />. В отличии от background-size это кросс решение.