#left_pic{
height:220px;
width:500px;
background:url(../img/header_bg.jpg);
background-repeat: repeat-x ;
}
#right_pic{
float:right;
height:220px;
width:300px;
background:url(../img/img_house.jpg);
}
<div id="left_pic">
</div>
<div id="right_pic">
</div>
Спустя 1 час, 1 минута, 24 секунды (6.08.2012 - 21:22) Placido написал(а):
#left_pic{
float:left;
height:220px;
width:500px;
background:url(../img/header_bg.jpg);
background-repeat: repeat-x ;
}
#right_pic{
height:220px;
width:300px;
background:url(../img/img_house.jpg);
}
float:left;
height:220px;
width:500px;
background:url(../img/header_bg.jpg);
background-repeat: repeat-x ;
}
#right_pic{
height:220px;
width:300px;
background:url(../img/img_house.jpg);
}
Спустя 5 минут, 26 секунд (6.08.2012 - 21:28) Oggy написал(а):
| Цитата (Placido @ 6.08.2012 - 19:22) |
| #left_pic{ float:left; height:220px; width:500px; background:url(../img/header_bg.jpg); background-repeat: repeat-x ; } #right_pic{ height:220px; width:300px; background:url(../img/img_house.jpg); } |
правое изображение пропало
Спустя 7 минут, 59 секунд (6.08.2012 - 21:36) Bezdna написал(а):
<div id="left_pic">
<div id="right_pic">
</div>
</div>
Спустя 11 минут, 46 секунд (6.08.2012 - 21:48) sebastjan написал(а):
Oggy
Ты бы лучше как то в контексте показал скрин блока как должен выглядеть.
Может всё и проще можно организовать.
Способов есть много, но я бы сказал что решение всегда хорошо в простоте.
Покажи кусок диза по которому хочешь сделать.
Ты бы лучше как то в контексте показал скрин блока как должен выглядеть.
Может всё и проще можно организовать.
Способов есть много, но я бы сказал что решение всегда хорошо в простоте.
Покажи кусок диза по которому хочешь сделать.
Спустя 1 час, 28 минут, 23 секунды (6.08.2012 - 23:16) Oggy написал(а):
| Цитата (sebastjan @ 6.08.2012 - 19:48) |
| Oggy Ты бы лучше как то в контексте показал скрин блока как должен выглядеть. Может всё и проще можно организовать. Способов есть много, но я бы сказал что решение всегда хорошо в простоте. Покажи кусок диза по которому хочешь сделать. |
получилось так:
#left_pic{
float:left;
height:220px;
width:749px;
background:url(../img/header_bg.jpg);
background-repeat: repeat-x ;
}
#right_pic{
float:right;
height:220px;
width:583px;
background:url(../img/img_house.jpg);
}
<div id="left_pic">
</div>
<div id="right_pic">
</div>
теперь проблема в изменении размера окна.....если я окно разверну на весь екран....будет промежуток между картинками. Если уменьшу окно....второе изображение залезет под первое.... как сделать правильно шырину для изображений ?
Спустя 1 час, 26 минут, 52 секунды (7.08.2012 - 00:43) sebastjan написал(а):
| Цитата |
| теперь проблема в изменении размера окна.....если я окно разверну на весь екран....будет промежуток между картинками. Если уменьшу окно....второе изображение залезет под первое.... как сделать правильно шырину для изображений ? |
Оберни всё одним дивом и задай обёртке минимальный размер по ширине, чтоб не уменьшался меньше заданного размера.
Тогда не будет прыгать одно под другое.
Спустя 14 минут, 42 секунды (7.08.2012 - 00:57) alexbel2404 написал(а):
обоим дивам дай свойства
display:block-inline;
zoom: 1; /*хак для ие7*/
*display: inline; /*хак для ие7*/
_height: 100px; /*хак для ие6..тут задай высоту дива*/
display: -moz-inline-stack; /*хак для мозила 2*/