У Меня картинка не стала рядом коло других?

Question

[sergitserg]

Comments

[Camaro67]

Код в студию. У гадалки выходной.

Answer 1

[Максим]

откройте паинт и вырежьте вашу картинку и вставьте куда надо

Comments

[sergitserg]

НУ .content{
width:950px;
margin:0 auto;
background:#fff;
height:400px;
box-shadow:2px 5px 16px #423f3f;
padding:24px 0;
}
.services {
width: 950px;
padding: 30px 0 15px 0;
border-bottom: 1px solid #f1f1f1;
float: left;
background: url(/templates/profisite/images/services-bg.png) no-repeat top center;
}
.block-ru{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.development{
width: 300px;
float: left;
margin: 0 15px;

}
.services .block-ru .development h3 {
background: url(../img/devel-site-header.png) no-repeat;
}
.services h3 {
width: 300px;
height: 105px;
text-indent: -5000px;
}
.services ul {
width: 260px;
display: block;
margin: 0 0 0 30px;
list-style: none;
color: #222;
font-family: Arial,Helvetica,sans-serif;
}
.services ul li {
display: block;
padding: 5px 0 5px 10px;
background: url(../img/arr.png) no-repeat 0 11px;
}
.services .price-this {
display: inline-block;
height: 28px;
font: 700 17px Arial,Helvetica,sans-serif;
color: #980000;
margin: 15px 0 0 90px;
padding: 0 0 0 25px;
background: url(../img/arrow.png) no-repeat left center;
}
.development, .rewrite, .advertising {
width: 300px;
float: left;
margin: 0 15px;
}
.services h3 {
background: url(../img/rewrite-header.png) no-repeat;
}
.advertising{
width: 300px;
float: left;
margin: 0 15px;
}
.advertising h3 {
background: url(../img/adv-header.png) no-repeat;
}

[Максим]

sergitserg, выложите ваш код на codepen.io сохраните а потом сюда ссылку на ваш pen но так как у вас изображения локальны то замените их на изображения с сети (любые, к примеру placehold.it

[sergitserg]

Максим Ленский, https://codepen.io/anon/pen/zPGgEE

[Максим]

sergitserg, у вас там структура нахимичена ! если хотите - я помогу .. расскажу как делать это верно !

Answer 2

[alex stephen]

google://"css float"

Comments

[sergitserg]

.content{
width:950px;
margin:0 auto;
background:#fff;
height:400px;
box-shadow:2px 5px 16px #423f3f;
padding:24px 0;
}
.services {
width: 950px;
padding: 30px 0 15px 0;
border-bottom: 1px solid #f1f1f1;
float: left;
background: url(/templates/profisite/images/services-bg.png) no-repeat top center;
}
.block-ru{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.development{
width: 300px;
float: left;
margin: 0 15px;

}
.services .block-ru .development h3 {
background: url(../img/devel-site-header.png) no-repeat;
}
.services h3 {
width: 300px;
height: 105px;
text-indent: -5000px;
}
.services ul {
width: 260px;
display: block;
margin: 0 0 0 30px;
list-style: none;
color: #222;
font-family: Arial,Helvetica,sans-serif;
}
.services ul li {
display: block;
padding: 5px 0 5px 10px;
background: url(../img/arr.png) no-repeat 0 11px;
}
.services .price-this {
display: inline-block;
height: 28px;
font: 700 17px Arial,Helvetica,sans-serif;
color: #980000;
margin: 15px 0 0 90px;
padding: 0 0 0 25px;
background: url(../img/arrow.png) no-repeat left center;
}
.development, .rewrite, .advertising {
width: 300px;
float: left;
margin: 0 15px;
}
.services h3 {
background: url(../img/rewrite-header.png) no-repeat;
}
.advertising{
width: 300px;
float: left;
margin: 0 15px;
}
.advertising h3 {
background: url(../img/adv-header.png) no-repeat;
}

Answer 3

[Кирилл Инкогнатович]

Без кода и описания видно что она по размерам не подходит. Попробуй уменьшить margin, padding или размер колонок уменьшить попробуй :)