2016-03-28 3 views
1

Я пытаюсь сохранить строку текста в ячейке от перехода к следующей строке, но при использовании white-space: nowrap; фон изображения, который ранее покрывал 100% экрана, отключен, как видно в этом скриншоте:Обрезание фонового изображения стола при использовании nowrap

до и после:

enter image description here

Это код для фона:

div.transbox { 
margin: 0px; 
width: 100%; 
height: 100px; 
background-image: url('http://almosthome2016.org/images/header_trans_bg.png'); 
} 

и HTML для таблицы:

<div class="transbox"><table width="100%" border="0" cellpadding="10" cellspacing="0"> 
<tr> 
<td width="3%" align="left" valign="bottom"></td> 
<td align="left" valign="bottom" class="style74"><span class="style8">ALMOST HOME</span> &nbsp;&nbsp;<span class="style75">THE CAMPAIGN FOR THE NEW IRISH ARTS CENTER</span></td> 
<td align="left" valign="bottom" class="style75">&nbsp;</td> 
</tr> 
</table> 
</div> 

Это был мой способ получения непрозрачного фона в качестве задней части стола. Я открыт для других предложений, если это то, что вызывает проблему с nowrap.

Спасибо!

ответ

0

Попробуйте добавить:

background-size:cover; 

к вашему CSS для div.transbox

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