Помогите с кодом.(очень нужно)

Вот мой код:

<div class="base">
<div class="basetop">
<div class="datenews"><span>[day-news]{date}[/day-news]</span></div>
<span class="favorites">{favorites}</span>
<span class="isicons"><span>[edit]<img src="{THEME}/images/edit.gif" border="0" alt="" title="Редактировать новость">[/edit]</span></span>
</div>
<div class="bheading"><div>
<h1 class="heading">[full-link]{title}[/full-link]</h1>
</div></div>
<div class="headinginfo"><div class="hdiin">
[rating]

[rating-type-1]<div class="ratebox">{rating}</div>[/rating-type-1]
[rating-type-2]<div style="padding-top: 5px;" class="ratebox2">


<div class="news">

<ul class="reset">
<li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
<li>{rating}</li>
</ul></div>[/rating-type-2]
[rating-type-3]<div style="padding-top: 5px;" class="ratebox3">
<ul class="reset">
<li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
<li>{rating}</li>
<li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
</ul>
</div>[/rating-type-3]
[/rating]
<span class="categories">Раздел: {link-category}</span>
</div></div>

<div class="bmid"><div class="bmid">

<div class="maincont">

[xfgiven_image][full-link][xfvalue_image] [/xfgiven_image]
<center><div><font color="red"><b> Жанр: </font><font color="blue">[xfgiven_source][xfvalue_source][/xfgiven_source]</b></font></div></center>
{short-story} [edit-date]<br /> <br /><span class="copy"> <i>Новость отредактировал <font color="red"><strong>{editor}</strong></font> - {edit-date}</i></span>[edit-reason]<div class="quote">Причина: {edit-reason}</div>[/edit-reason]<br />[/edit-date]

<div class="clr"></div>


</div>
</div></div>
<div class="bmore"><div class="bmore">
<span class="argmore">[full-link]<strong>Подробнее</strong>[/full-link]</span>
<b class="bcomments"><img src="{THEME}/images/spacer.gif" alt="" />Комментариев: [com-link]({comments-num})[/com-link]</b>
<div class="argr">
<span class="bviews"><img src="{THEME}/images/spacer.gif" alt="" />Просмотрело: {views}</span>
<span class="bauthor"><img src="{THEME}/images/spacer.gif" alt="" />{author}</span>
</div>
</div></div>
</div>


Как сделать так,чтобы доп поля жанр и т.д были на уровни с картинкой только с правой стороны?помогите пожалуйста.

 

Расскажи поподробнее об коде,куда вставлять именно img {float:left;}? Я просто новичок в этом.
Буду очень благодарен.

 

Вот я и прошу рассказать об этом подробнее.Помоги пожалуйста,работа встала,надеюсь только на тебя.
В какой ксс?Что буде если делать черег имг?
Если не трудно,покажи правильный код.

 

Учусь.Вот смысл отвечать не по делу?

 

Так ничего и не вышло(Кто может помочь,напишите по полочкам.если не трудно,более понятным текстом для ученика.

 

Тыкни носом где и как изменять.Спасибо

 

Вот это вставлять в любом месте в стайл ксс? у меня он наичнается так:

/*
Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: [email protected] | URL: http://www.centroarts.com
*/
* { font-size: 1em; margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; }
a { color: #fab311; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { outline: none; font-family: Tahoma, Arial, Helvetica, sans-serif; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; line-height: 1.4em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.pagebg { text-align: center; background: #181717 url("../images/pagebg.png") repeat 0 0; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { font-size: 0.9em; color: #717170; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { padding-left: 16px; list-style-positionutside; list-style-image:none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }

.wrapper { width: 92%; max-width: 1400px; min-width: 990px; text-align: left; margin: 0 auto; }
.wwide { width: 100%; }
*html .wrapper { width: expression(((document.body.clientWidth)) < 990? "990px": ((document.body.clientWidth)) > 1400? "1400px": "100%" ); }

/*HEAD*/
.lcolomn { float: left; display: inline; }
.rcolomn, .searchform { float: right; display: inline; }
.yellow { color: #fab311; }

 

А тут чтоже каждый раз при новой новости опять код прописывать,запутался я что то

 

Вот.Доходчиво и понятно.Лайк за помощь.Только не стал делать с имг,и так все встало на свои места.Огромное тебе спасибо добрый человек.