| |
|
|
| | Ситуация следуйщая:
существует слой, высотой 20пикселей. на него накладывается (background-image) другая не повторяющаяся картинка, которая больше 20 пикселей.
Но при наложении картинка обрезается, а этого быть не должно. Результат того, что должно получиться в аттаче.
На таблицах реализовать это легко, однако мне нужно чтобы было полностью на div'ах.
Знатоки CSS, помогите пожалуйста!
Пример, как это сделано на таблицах:
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="table1096">
<tr>
<td valign="top" colspan="4">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="table1097" class=hess><tr><TD width=10 align="center">
<img border="0" src="index_files/line-gau.jpg"></td>
<td class="1navi" align="left" background="index_files/line-bg0.gif">
<b><span lang="ru">Всё про игровые консоли </span>Sony
PlayStation</b></td></tr></table>
|
| |
| |
|
|
| |
|
|
| |
для: RazoR Empire
(05.01.2008 в 10:35)
| | | Не хочеш списком попробовать ? вот посмотри что можно с помощью списков сделать !
-http://css.maxdesign.com.au/listamatic/horizontal07.htm | |
| |
|
|
| |
|
|
| |
для: code
(05.01.2008 в 20:48)
| | | в списках невозможно высоту блока задать. | |
| |
|
|
|
| |
|
|
| |
для: AlexSol
(06.01.2008 в 11:31)
| | | всёравно, с картинкой те-же траблы | |
| |
|
|
| |
|
|
| |
для: RazoR Empire
(06.01.2008 в 11:47)
| | | ап! | |
| |
|
|
| |
|
|
| |
для: RazoR Empire
(07.01.2008 в 14:24)
| | | существует слой, высотой 20пикселей.
на него накладывается (background-image) другая не повторяющаяся картинка, которая больше 20 пикселей
слоев два? ну так задайте второму нужную высоту. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(07.01.2008 в 14:35)
| | | 1 слой, у него фоновая картинка и в нём-же текст | |
| |
|
|
| |
|
|
| |
для: RazoR Empire
(08.01.2008 в 10:23)
| | | увеличивать высоту слоя или выносить картинку во второй слой. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(08.01.2008 в 11:09)
| | |
<div class="box_img"><img border="0" src="index_files/line-gau.jpg"></div>
<div class="box_title">всё про приставки</div>
|
.box_title {
background-color:#d9ebeb;
height: 16px;
color:#727272;
font-weight: bold;
}
.box_img {
height: 20px;
}
|
так? (результат в аттаче) | |
| |
|
|
| |
|
|
| |
для: RazoR Empire
(08.01.2008 в 11:24)
| | | <div style="height:50px; background:silver url(00.gif) no-repeat 0 0; width:200px;">
<div style="padding:10px 0 0 80px">текст</div>
</div> | |
| |
|
|
