Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Два изображения в виде фона! (https://javascript.ru/forum/xhtml-html-css/19241-dva-izobrazheniya-v-vide-fona.html)

0931454574 29.07.2011 16:19

Два изображения в виде фона!
 
Всем привет.

Есть такая штука.
<div id="header">
   <div id="header-left"><a href='/' style='text-decoration:none;'> <img src="images/1311883099.jpg" alt="David" /></a></div>
   
   <div id="header-center"><img src="images/1311883156.jpg" alt="David" /></div>
</div>


#header-left
{
        float:left;	
}
#header-center
{
        float:right;
}
#header
{
  
	padding-top:0px;
	height:150px;
	background:url(images/center.gif);
	background-repeat:repeat-x;
 
    }


и вот что за беда. Левое изображение большое!(#header-left) И при маленьком расширение экрана оно сползает!
Как можно сделать так, чтобы оно просто выходило лучше за границы экрана!

Изображения 3.

В общем диве 2 дива с изо. Левое с прилеганием к левому боку и правое с прилеганием к правому и весь общий блок замощен изображением которое должно скрывать пробел между левой и правой картинкой. Вот сайт: http://ford.wt9.ru/

Magneto 29.07.2011 16:50

Компания Ford

А вобще у Вас не профессиональный подход к построению сложных фонов, учите основы HTML и CSS

0931454574 29.07.2011 17:19

Magneto,
Я Вашего ответа не увидел! Так что уж лучше Вас.

Gozar 30.07.2011 10:03

Цитата:

Сообщение от 0931454574 (Сообщение 116111)
и вот что за беда. Левое изображение большое!(#header-left) И при маленьком расширение экрана оно сползает!

Что за термин - расширение экрана?
Используй background-image в div вместо img для того, чтобы сползало изображение.


Часовой пояс GMT +3, время: 09:20.