За последние 24 часа нас посетил 17991 программист и 1651 робот. Сейчас ищет 2131 программист ...

Кроссбраузерность-Фоновое изображение в строке (tr) таблицы

Тема в разделе "HTML и CSS", создана пользователем Andrey K., 27 авг 2009.

  1. Andrey K.

    Andrey K. Активный пользователь

    С нами с:
    22 май 2007
    Сообщения:
    83
    Симпатии:
    0
    Привет.
    Столкнулся с такой проблемой:

    Есть таблица (table) в несколько строк (tr), в каждой строке пять ячеек (td).

    По замыслу у таблицы есть фон - картинка (900х600px).

    Картинка эта порезана на части (900px длиной каждая), каждая часть вставляется в свою строку.

    То есть, у каждой строки есть своя фоновая картинка.
    CSS
    Код (Text):
    1.  
    2. #fon-1
    3. {
    4.     width: 900px;
    5.     height: 125px;
    6.     background-image: url(image/fon-1.jpg);
    7. }
    8.  
    9. #fon-2
    10. {
    11.     width: 900px;
    12.     height: 269px;
    13.     background-image: url(image/fon-2.jpg);
    14. }
    15.  
    16. #fon-3
    17. {
    18.     width: 900px;
    19.     height: 206px;
    20.     background-image: url(image/fon-3.jpg);
    21. }
    HTML
    Код (Text):
    1.  
    2. <table>
    3.         <tr id='fon-1'>
    4.                 <td style='width: 50px;'></td>
    5.                 <td></td>
    6.                 <td style='width: 50px;'></td>
    7.         </tr>
    8.         <tr id='fon-2'>
    9.                 <td></td>
    10.                 <td></td>
    11.                 <td></td>
    12.         </tr>
    13. </table>
    14.         <tr id='fon-3'>
    15.                 <td></td>
    16.                 <td></td>
    17.                 <td></td>
    18.         </tr>
    19. </table>
    20. </table>
    В браузерах - опера, рыжая лиса, ие8 - все отображается нормально. В каждой строке появляется своя фоновая картинка и общий фон таблицы соответствует исходному изображению.

    Но в браузерах ие меньше 8 начинаются проблемы...
    В каждой ячейке своей строки фоновое изображение строки начинается сначала.
    То есть в каждой строке изображение повторяется три раза (по количеству ячеек).

    Подскажите как избавиться от повторения фоновой картинки для строки в ячейках?
     
  2. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    [css]td {
    background: none !important;
    }[/css]
     
  3. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    а почему сразу на таблицу фон не положить?
     
  4. Andrey K.

    Andrey K. Активный пользователь

    С нами с:
    22 май 2007
    Сообщения:
    83
    Симпатии:
    0
    хм... изображения вообще пропали
     
  5. Andrey K.

    Andrey K. Активный пользователь

    С нами с:
    22 май 2007
    Сообщения:
    83
    Симпатии:
    0

    :shock: блин.... бес попутал меня наверное, когда решил картинку порезать :oops:

    Щас переделал. Сделал весь фон у таблицы одной картинкой - отпали все вопросы по отображению в разных браузерах

    Но кажется теперь страничка грузится дольше...


    440Hz Спасибо!
     
  6. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Каков размер изображения?
    Подгружайте тогда через JS, картинка будет появляется ппосле загрузки страницы.
     
  7. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда

    background: transparent;

    ступил
     
  8. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    вот на порносайтах так режут. гыгыг, но там прямо TD режут...
     
  9. Andrey K.

    Andrey K. Активный пользователь

    С нами с:
    22 май 2007
    Сообщения:
    83
    Симпатии:
    0
    160Кб весит. или с таким размером и заморачиваться не стоит?