Перевод на div нужна помощь

[RiG]

Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE)

<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'>
  <tr>
	<td width='63'>
	  <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' />
	</td>
	<td width='100%' class='upzalivnews'>
	  <b>{title}</b>
	</td>
	<td align="right" nowrap='nowrap' width='344' class='upzalivnews'>
	  <b>{link-category}</b>
	</td>
	<td>
	  <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' />
	</td>
  </tr>
</table>

Тут Класс upzalivnews содержит

.upzalivnews{background-image:url('../images/upzalivnews.png');background-repeat:repeat-x}

(картинка 2x38 px)

Соответственно подряд тут расположен: картинка фиксированной длины, Поле для текста(резиновое) с заливкой вышеуказанным классом, поле Для текста(фиксированной длины) с заливкой указанным классом), картинка 14x38 px

Хочу перевести это на div, написал такой код

<div style='width:100%'>
  <div style='width:63px; height:38px; float: left;' align='left'>
	  <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' />
  </div>

  <div style='width:100%; float: left; height:34px;' class='upzalivnews'>

	<b>
	  [full-link]{title}[/full-link]
	</b>

  </div>
  <div style='width:400px; height:34px; float: right;' class='upzalivnews'>

	<b>
	  {link-category}
	</b>

  </div>
  <div style='float: right; width:14px; height:38px;'>
	<img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' />
  </div>
</div>

но отображается полный бред. Подскажите пожалуйста что я делаю не так?

[swetlana]

ну так в коде полный бред.

Он и отображается.

Картинку в студию! Что получиться должно в результате.

[RiG]

ну так в коде полный бред.

Он и отображается.

Картинку в студию! Что получиться должно в результате.

Вот такая полоса должна получиться

[swetlana]

Эта полоса вырвана из контекста, так что совершенно неясно, каково смысловое назначение этих ссылок.

Потому общий набросок кода, в котором семантику можно даже не пытаться искать:

<div class="bullshit">
<a class="thrash" href="/">Шаблоны для DataLife Engine</a>
<a class="garbage" href="/">Информация</a>
</div>

ну и стили соответствующие.

[RiG]

Эта полоса вырвана из контекста, так что совершенно неясно, каково смысловое назначение этих ссылок.

Потому общий набросок кода, в котором семантику можно даже не пытаться искать:

[url="/"]Шаблоны для DataLife Engine[/url]

[url="/"]Информация[/url]

ну и стили соответствующие.

Изначальный код полностью

<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'>
  <tr>
	<td width='63'>
	  <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' />
	</td>
	<td width='100%' class='upzalivnews'>
	  <div class='newslink'>
	  <b>

		[full-link]{title}[/full-link]

	  </b>
		</div>
	</td>
	<td align="right" nowrap='nowrap' width='344' class='upzalivnews'>
	  <b>
		{link-category}
	  </b>
	</td>
	<td>
	  <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' />
	</td>
  </tr>
</table>


<table width='100%' border='0' cellpadding='0' cellspacing='0'>
  <tr>
	<td width='11' rowspan='2' class='borderleft'>
	  <img src='{THEME}/images/borderleft.gif' width='11' height='3' alt='' />
	</td>
	<td colspan='2' class='news'>

	  {short-story}



	  <div style='position: relative; padding-top:10px; padding-bottom:10px;' align='center'>
		[full-link] Читать Дальше...[/full-link]
	  </div>

	</td>

	<td width='11' rowspan='2' class='borderright'>
	  <img src='{THEME}/images/borderright.gif' width='14' height='3' alt='' />
	</td>
  </tr>

  <tr>
	<td width='60'>
	  {rating}
	</td>
	<td width='100%'>
	  <div align='center'>
		[edit]<img src='{THEME}/dleimages/editstore.png' title = 'Редактировать новость' alt='Редактировать' />[/edit]   {favorites}    Просмотров: ({views}) |  Автор: <b>{author}</b> | Дата создания: <b>{date}</b> |  [com-link]Комментарии ({comments-num})[/com-link]
	  </div>
	</td>
  </tr>
</table>


<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'>
  <tr>
	<td height='12'>
	  <img src='{THEME}/images/downleftangle.gif' width='63' height='12' alt='' />
	</td>
	<td width='100%' class='downzalivnews'></td>
	<td width='14'>
	  <img src='{THEME}/images/downrightangle.gif' width='14' height='12' alt='' />
	</td>
  </tr>
</table>

Я описал только первую таблицу из этого кода.

А вот скрин полностью

[Scrum]

Знакомые признаки ДЛЕ.