Помощь с <div> - Форум web мастеров

ProG · 04.10.2008, 20:27

Вообщем хочу сделать верхнию часть картинки от меню
.TMenu{width:100%;height:300;}
#MLeft{display:inline;width:63;height:37;backgroun d-image:url(../images/temp02_artslab_18.gif)}
#MCenter{display:inline;width:120;height:37;backgr ound-image:url(../images/temp02_artslab_19.gif);}
#MRight{display:inline;width:27;height:37;backgrou nd-image:url(../images/temp02_artslab_21.gif);}

Если выставляю так каритнки не видны вообще
а если ставлю display:block то каждый новый блок с новой строки. Как сделать так чтобы картинки были видны и дивы шли в одну строку

Олег · 05.10.2008, 01:10

а если попробовать добавить float:left ... float:right

ProG · 05.10.2008, 01:56

Спасибо , если бы вы ответили часиков так 3 назад было бы кульно) но я уже так сделал)всёровно спасибо

Gesper · 05.10.2008, 19:33

на самом деле можно было блоки запихать в таблицу...
или поставить display:table-cell

лижбы IE не стал дурака валять.

ProG · 05.10.2008, 21:43

я в <div> начал делать чтобы от таблицы избавиться , а ты мне таблицу предлагаешь)

Gesper · 05.10.2008, 22:28

на лбу не написано же)))
Тогда ток display: table-cell

WebMast · 06.10.2008, 21:17

Файл css:

Код HTML:

.box {
	width:60%;
}
.title {
	width:50%;
	text-align:center;
	display: inline-block;
	background: url(images/temp02_artslab_19.gif);
	color: #000;
}

Файл вывода:

Код HTML:

<div class="box">
<img src="images/temp02_artslab_18.gif" style="vertical-align: bottom;"><span class="title">
<img src="images/temp02_artslab_19.gif" style="vertical-align: bottom;">Меню&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><img src="images/temp02_artslab_21.gif" style="vertical-align: bottom;">
</div>