Помощь Как вставить в Sidebar картинку?

[dalera]

Хочу в шаблон вставить картинку, немного неполучается.

это код рубрики
<!-- begin categories -->
<h2>Рубрики</h2>
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
<!-- end categories -->


рубрика выглядит так
1
2 здесь пустота- сюда хочу вставить картинку 150-150.
3
4
5

делаю так
<!-- begin categories -->
<h2>Рубрики</h2>
<ul>
<?php wp_list_categories('title_li='); ?><img class="alignnone size-thumbnail wp-image-138" title="logo.svg" src="http://1111.info/wp-content/uploads/2009/11/logo.svg_-150x150.png" alt="logo.svg" width="150" height="150" />
</ul>
<!-- end categories -->

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

так тоже внизу, а надо чтобы справа была.

<div>
<!-- begin categories -->
<style type="text/css">
.layer1 {
float: left; /* Обтекание по правому краю */
border: 1px solid black; /* Параметры рамки */
padding: 10px; /* Поля вокруг текста */
margin-right: 20px; /* Отступ справа */
width: 60%; /* Ширина блока */
}
</style>
<h2>Рубрики</h2>
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
<!-- end categories -->
</div>

<div>
<style type="text/css">
.layer1 {
float: right; /* Обтекание по левому краю */
border: 1px solid black; /* Параметры рамки */
padding: 10px; /* Поля вокруг текста */
margin-right: 20px; /* Отступ справа */
width: 40%; /* Ширина блока */
}
</style>
<img class="alignnone size-thumbnail wp-image-138" title="logo.svg" src="http://1111.info/wp-content/uploads/2009/11/logo.svg_-150x150.png" alt="logo.svg" width="150" height="150" />
</div>

 

[ws256]

Тебе нужна иконка возле рубрик (если я правильно понял)?
Задай в css стиль списка <ul><li> например фоном с отступом.

 

[dalera]

Задай в css стиль списка <ul><li> например фоном с отступом.

я в css неразбираюсь, может кто поможет?

 

[Drake777]

почитай здесь Для просмотра ссылки Войди или Зарегистрируйся
и здесь
Для просмотра ссылки Войди или Зарегистрируйся

что больше тебе подойдет, то и используй.. все просто=)

 

[t3s]

я в css неразбираюсь, может кто поможет?

сделайте так:

    <h2>Рубрики</h2>
    <ul class="olala">

в файле css создайте класс "olala", в котором пропишите:

.olala {
list-style-image: url('путь_к_картинке');
}

 

[boomyjee]

а просто float:left не покатит?