Картинка една до друга

[galabin123]

това е css от wordpress блога ми направено е да показва снимките на дадената публикация в началната страница само че ги показва една след друга т.е.

Снимка 1

Снимка 2

Снимка 3

аз искам да го направя да се една до друга Снимка 1 Снимка 2 Снимка 3

ето го и кога

/*content*/
#content {
    padding:15px 0px 10px 5px;
    float:left;
    width:650px;

    line-height:20px;
    font:10pt  arial,sans-serif;
    color:#000;
	text-align:justify;
	}
.date {
	font-size:10px;
font-family: Arial, Sans-serif;
	padding:3px 0px;
   	color:#75481F;
	margin:2px 0px 0px 10px;
    text-transform: capitalize;
	}
.author{
	color:#0083d8;
	padding:2px 5px 2px 5px;
    margin-left:0px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
    }
.author:hover {
    border:1px solid #ccc;
    color:#000 
    }     

.time{
	color:#0083d8;
	padding:2px 5px 2px 5px;
    margin-left:5px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
    }
.time:hover {
    border:1px solid #ccc;
    color:#000 
    }
.cat{
	color:#0083d8;
	padding:2px 5px 2px 5px;
    margin-left:5px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
    }

.cat a:link,
.cat a:visited {
	color:#0083d8;
    }

.cat a:hover{
	color:#0083d8;
    }

.comm{
    color:#0083d8;
	padding:2px 5px 2px 5px;
    margin-left:5px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
    }

.comm a:link,
.comm a:visited {
	color:#0083d8;
    }

.comm a:hover{
	color:#000;
    }
.comm:hover {
    border:1px solid #ccc;
    color:#000 
    }
.post {
    clear:both;
    margin:5px 0px 25px 0px;
}


    
.bar {
    float:left;
    font-size:10px;
font-family: Arial, Sans-serif;
    font-weight:normal;
    padding: 2px 0px 2px 5px;
    color:#fff;
    width:700px;
    margin-bottom:10px;
    background:#4479bf;
    text-transform:uppercase
    }
.entry {
    clear:both;	
    margin:5px 0px 0px 0px;
    padding:0px 0px 5px 10px ;
    color:#333;
    font:10pt arial,sans-serif;
    }
.entry p{
    margin:5px 0px 5px 0px;
    padding:0px 0px;
    line-height:20px;
font-family: Arial, Sans-serif;
    font-size:12px;
    color:#333;
    }
.entry img{
    float:left;
    margin:0px 15px 15px 0px;
    padding:5px 5px;
    background:#eee;
    border:1px solid #e7e4e3;
    border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	}
.entry img:hover {
    border:1px solid #ccc;
    }

 

[exec]

Ако приемем, че снимките ти се подчиняват на това правило:

.entry img{
    float:left;
    margin:0px 15px 15px 0px;
    padding:5px 5px;
    background:#eee;
    border:1px solid #e7e4e3;
    border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   }
.entry img:hover {
    border:1px solid #ccc;
    }

не би трябвало да има проблем, освен размера (ширината) на самите снимки - ако е прекалено голяма, ще минават на нов ред една под друга.

 

[galabin123]

не стана .. няма значение и така ще се справя

 

[Anonymous]

не стана .. няма значение и така ще се справя

Уордпреса си ги оправя тея бакии, ако към цсс-а на темата, има добавен и дефаултския, който се оправя именно с тия бакии.
А иначе, след като добавяш картинки в публикацията, е нуждно да натиснеш два пъти ентър, така уордпреса ще ги добави в отделни параграфи и всичко би трябвало да е тип топ :?: