O mica problema | css

[say3er.]

Sunt incepator in css si as vrea sa stiu cum pot pune langa un text o imagine

Resurse necesare:

Sa pun o imagine langa textul " 3 comments" in acest caz.

Script CSS:

/*-----------------------------------------------------------------------------------*
/* = Comments
/*-----------------------------------------------------------------------------------*/
#comments {
	padding: 20px;
	background: #FFF;
	border-top: 2px solid #DDD;
	text-align: center;





}
#commentsbox { margin-top: 30px }
#commentsbox ol,
#commentsbox ul {
    list-style: none;
    margin-left: 0 !important;

}
#commentsbox li { margin-bottom: 30px }
.children {
    list-style: none;
    margin: 30px 0 0;
    text-indent: 0;
}
.children li.depth-2 { margin: 0 0 0px 50px }
.children li.depth-3 { margin: 0 0 0px 50px }
.children li.depth-4 { margin: 0 0 0px 50px }
.children li.depth-5 { margin: 0 0 0px 50px }
.comment-body {
    background: #FFF;
    position: relative;
	padding: 20px;
	background: #FFF;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;

[StrXt]

Nu din css se pun imagini... dar daca neaparat vrei asa:

.imagine {
	width:lungime_imagine;
	height:inaltime_imagine;
	background-image:url('adresa_imagine');
}

Si in codul html adaugi:

<div class="imagine"></div>

[say3er.]

Pai eu editez o thema de wp iar in style.css sunt definite toate imaginile ca asa trebuie..

ex:

.meta-date{ background: url(images/date.png) left no-repeat; }
.meta-category{ background: url(images/category.png) left no-repeat; }
.meta-author{ background: url(images/author.png) left no-repeat; }
.meta-permalink{ background: url(images/permalink.png) left no-repeat; }

body {
    background: #f5f4f4 url(images/white-texture.png) repeat;