Форумы портала PHP.SU :: Версия для печати :: Съезжают изображения относительно блока.

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Съезжают изображения относительно блока.

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Съезжают изображения относительно блока.

Страниц (1): [1]

1. winddancer - 12 Ноября, 2015 - 22:26:55 - перейти к сообщению

Есть такой код.

CODE (htmlphp):
скопировать код в буфер обмена

 
<div id="header">
                <div class="header_left">
                h_l<br>
                h_l
                </div>
        </div>
 

И такой.

CODE (htmlphp):
скопировать код в буфер обмена

 
*{
        margin: 0;
        padding: 0;
}
#header{
        margin-top: 15px;
        display: inline;
}
.header_left{
        height:100%;
        background: url('i/up_left.jpg') top left no-repeat,
                                url('i/up_right.jpg') top right no-repeat,
                                url('i/middle_top.jpg') top repeat-x;
}
И вот такой результат(прикрепленная картинка)
 

Почему изображение изменяет свою позицию с каждым повторением?

2. DelphinPRO - 13 Ноября, 2015 - 06:23:50 - перейти к сообщению

показывай живой код
можно на jsfiddle.net или подобных

3. winddancer - 13 Ноября, 2015 - 09:14:44 - перейти к сообщению

DelphinPRO пишет:

показывай живой код
можно на jsfiddle.net или подобных

Возможно я не умею пользоваться таким ресурсом. Ничего не отображает, даже если я вместо картинок вставил фон.
http://jsfiddle[dot]net/404g51pj/
(Добавление)
Как не странно - всему вина была мое невежество.

Рисунок, который я резал - был наклоненным чуточку(после нескольких манипуляций в фотошопе все исправил).

Прошу простить за то, что отвлек по глупости. Хорошего Вам дня.

Тема закрыта.