Повторное изображение заголовка CSS

-1

У меня есть повторяющееся изображение заголовка, которое появляется в верхней части страницы. Проблема в том, что он оставляет пустое пространство слева и справа. Как сделать изображение отображаемым в полной ширине страницы? Вот что я сделал.Повторное изображение заголовка CSS

 <!DOCTYPE html> 

     <style> 
     .bgimg{ 
     min-height: 44px; 
     background: url("img/top-bar.png") repeat top left; 
     } 
     </style> 

     <html> 
     <head lang="en"> 
     <meta charset="UTF-8"> 
     <title></title> 
     </head> 

     <body> 
     <header> 
      <div class="bgimg"> 
     </div> 
     </header> 
     </body> 
     </html>

источник

2015-02-23 Hash DK

Просьба представить онлайн-пример, чтобы продемонстрировать проблему в действии. Я не могу воспроизвести проблему, используя текущий код. –

Возможно, вам понадобится сброс css-листа. Браузеры по умолчанию имеют значения отступов и полей (среди прочих) для некоторых элементов. В любом случае попробуйте тело {margin: 0; padding: 0;} –

Каждый браузер имеет некоторые предварительно определенные стили для элементов, у тела обычно есть край, поэтому попробуйте 'body {margin: 0;}' – skobaljic

Я думаю, что вы видите пометку тега вашего тела, удалите границу тега boby.

<!DOCTYPE html> 

    <style> 
    .bgimg{ 
    min-height: 70px; 
    background: url("http://icons.iconarchive.com/icons/mazenl77/I-like-buttons-3a/128/Cute-Ball-Go-icon.png") ; 
    } 
    </style> 

    <html> 
    <head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
    </head> 

    <body style="margin:0px"> 
    <header> 
     <div class="bgimg"> 
    </div> 
    </header> 
    </body> 
    </html>

источник

2015-02-23 09:02:22 Oziris

Отлично! Оно работает. Как и skobaljic сказал, что основной край кузова сделал трюк. Благодарю. –

Каждый браузер по умолчанию имеет свои собственные правила CSS над всеми элементами, чтобы не стилизованных сайты более разборчивыми, поэтому вы видите запас, даже если вы не установили это правило.

Обычно используется сброс css, поэтому вам не придется сталкиваться с такими проблемами.

Вот статья, которая explains the use of a reset css.

Вот common reset css from html5 doctor, который я использую.

источник

2015-02-23 09:11:35 armellini13

Повторное изображение заголовка CSS

ответ

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