Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Слои, из таблиц переделка (https://javascript.ru/forum/xhtml-html-css/10583-sloi-iz-tablic-peredelka.html)

Артем125 10.07.2010 20:28

Слои, из таблиц переделка
 
Всем привет!

думаю эти таблицы переверстать дивами, не получается :)

<table width="841" border="1">
  <tr>
    <td bgcolor="#CC0000">Переменная длина</td>
    <td>Ширина 800. Фоном идет картинка</td>
    <td bgcolor="#003399"> Переменная длина</td>
  </tr>
</table>


.title{
	width:100%;
	height:63px;
}

.title_left {
	width:100%;
	height:inherit;
	background:#F00 left;
	display:inherit;
}
.title_right {
	width:50%;
	height:inherit;
	background:#FFF right;
	display:inherit;
}
.title_mg {
float:inherit;
width:100%;
	height:63px;
	background:url(../dataimg/fon_title.gif) no-repeat center;
	
}

<div class="title">
    <div class="title_left"><div class="title_right"><div class="title_mg">4</div></div></div>
</div>

float 10.07.2010 20:50

Цитата:

.title{
width:100%;
height:63px;
}

.title_left {
width:100%;
height:inherit;
background:#F00 left;
display:inherit;
}
.title_right {
width:50%;
height:inherit;
background:#FFF right;
display:inherit;
}
.title_mg {
float:inherit;
width:100%;
height:63px;
background:url(../dataimg/fon_title.gif) no-repeat center;

}

<div class="title">
<div class="title_left"><div class="title_right"><div class="title_mg">4</div></div></div>
</div>
Бред...

float 10.07.2010 20:53

.title div {float: left} ну или по классам распихивай

флотам внутри title надо ставить ширину, в сумме 100%

Артем125 10.07.2010 21:46

бред не умышленный, начало обучения))

а по конкретней можно?


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