Все сервисы Хабра
Сообщество 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
+1 ещё
Простой
Как прижать элемент div class bl вниз Boostrap 5?
1 подписчик
22 апр.
88 просмотров
1
ответ
HTML
+2 ещё
Простой
Почему не срабатывает скролл?
1 подписчик
18 апр.
183 просмотра
1
ответ
CSS
Средний
Как повторить бордер?
1 подписчик
18 апр.
182 просмотра
1
ответ
CSS
Простой
Как правильно работать с background?
2 подписчика
18 апр.
136 просмотров
3
ответа
HTML
+4 ещё
Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
1 подписчик
17 апр.
157 просмотров
3
ответа
HTML
+1 ещё
Простой
Как сделать соединение точек на сайте линиями?
3 подписчика
15 апр.
280 просмотров
1
ответ
CSS
Простой
Как изменить цвета текста, который поверх картинки?
1 подписчик
15 апр.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как для рассылки сделать аналог flex-direction + justify-content?
1 подписчик
15 апр.
97 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как переопределить rem для Shadow DOM?
1 подписчик
14 апр.
134 просмотра
1
ответ
HTML
+1 ещё
Простой
Почему скаченный шрифт не подключается?
1 подписчик
14 апр.
154 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Специалист технической поддержки
Teachbase
•
Красноярск
До 55 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама