background-repeat not working

Я создал простую html-страницу с изображением на ней для отображения в виде заголовка. Проблема в том, что изображение не повторяется.background-repeat not working

Когда я установил width на 100%, td (side) исчезает. Если я удалю width от basestrip, тогда он покрывает только половину площади экрана. Я хочу покрыть весь экран изображением с указанной высотой.

<table cellpadding="0" cellspacing="0"> 
    <tr> 
     <td id="side" width="10px" height="25px"></td> 
     <td></td> 
     <td id="basestrip" width="100%" height="25px"> 
        </td> 
      </tr> 
</table>

Это CSS:

#side { 
background-color: #014160; 
} 

#basestrip { 
    background-image: url('../Images/topstripbg.png'); 
    background-repeat: repeat-x;  
}

источник

2011-12-21 JN_newbie

вы попытались использовать фоновое изображение для 'tr' элемента вместо' td'? – Aaron

вы выкладываете сайт с помощью таблиц? Кроме того, дайте #basetrip ширину 90% и # ширину 8% и посмотрите, остается ли сторона. – Indranil

также проверьте правильность пути изображения, может быть, это не загрузка изображения. –

Попробуйте добавить ширину = «100%» (или лучше стиль = «ширина: 100%» или даже лучше с применением CSS стиль ширины: 100%) до ваш стол. С вашим кодом ячейка занимает 100% таблицы. Но таблица берет по умолчанию размер содержимого всех ячеек.

источник

2011-12-21 07:27:27 Wis

что я сделал ... давая 100% в таблице и устанавливая изображение в tr и rest, я применил css. –

Во-первых, элемент не имеет свойство высоты, которые могут быть применены к. Также вы не можете добавить «px» к атрибуту height или width для тега html, это относится только к CSS. Я предполагаю, что эта таблица должна быть шириной окна браузера и 25 пикселей в высоту, 1 строка с 3 ячейками, первая - 10 пикселей по ширине, вторая - не указана, а у последней - 100%. Вот мой крест подход браузер:

<html> 
    <head> 
    <style type="text/css"> 
     #thetable { width:100%; height:25px; } 
     #thetable>tr { height: 25px } 
     #thetable>tr>td#side { width: 10px } 
     #thetable>tr>td#basestrip { background: url('../Images/topstripbg.png') repeat-x; } 
    </style> 
    </head> 

    <body> 
    <table id="thetable" width="100%" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td id="side" width="10"></td> 
     <td width="auto"></td> 
     <td id="basestrip" width="100%"></td> 
     </tr> 
    </table> 
    </body> 
</html>

источник

2011-12-21 07:26:57

принять это свойство как этот

#basestrip { background: url('../Images/topstripbg.png') repeat-x; }

источник

2011-12-21 07:55:54

background-repeat not working

ответ

Смежные вопросы