Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
sergitserg
@sergitserg
CSS
У Меня картинка не стала рядом коло других?
Вопрос задан
более трёх лет назад
117 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Camaro67
@Camaro67
Код в студию. У гадалки выходной.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Максим
@LenovoId
svg, css,js
откройте паинт и вырежьте вашу картинку и вставьте куда надо
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
sergitserg
@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;
}
Написано
более трёх лет назад
Максим
@LenovoId
sergitserg
, выложите ваш код на
codepen.io
сохраните а потом сюда ссылку на ваш pen но так как у вас изображения локальны то замените их на изображения с сети (любые, к примеру placehold.it
Написано
более трёх лет назад
sergitserg
@sergitserg
Автор вопроса
Максим Ленский
,
https://codepen.io/anon/pen/zPGgEE
Написано
более трёх лет назад
Максим
@LenovoId
sergitserg
, у вас там структура нахимичена ! если хотите - я помогу .. расскажу как делать это верно !
Написано
более трёх лет назад
alex stephen
@berezuev
#define TRUE FALSE
google://"css float"
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
sergitserg
@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;
}
Написано
более трёх лет назад
Кирилл Инкогнатович
@Matsunaki
Любознательный пользователь :)
Без кода и описания видно что она по размерам не подходит. Попробуй уменьшить margin, padding или размер колонок уменьшить попробуй :)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
вчера
102 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
вчера
920 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
вчера
77 просмотров
0
ответов
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
177 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
114 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как поменять цвет линии при нажатии?
1 подписчик
30 июн.
173 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
124 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
29 июн.
98 просмотров
0
ответов
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
28 июн.
100 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик (Java-Script)
Товеко
от 45 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама