HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.79/29:

sendxt

11 / 11 / 13

Регистрация: 25.04.2012

Сообщений: 1,163

Расположить элементы друг напротив друга

15.03.2017, 12:36. Показов 5773. Ответов 1

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

Как такое застилизовать как на картинке...

HTML5

 <div class="pager-block" style="float:left;">
            <img src="{{ asset('bundles/cms/images/left-page.png') }}" alt="" width="16" height="16" style="margin-bottom:5px;">
        </div>
        <div class="text-block">
            <span>New user</span><br>
            <span>Users</span>
        </div>

Изображения

Заказать работу у эксперта

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

15.03.2017, 12:36

Ответы с готовыми решениями:

Расположить изображения на равном удалении друг от друга
Здравствуйте, уважаемые коллеги. Столкнулся с проблемой, решение для которой что-то не смог найти,...

Элементы с установленным z-index не перекрывают друг-друга
Div с классом round-div должен располагаться над картинкой с классом under_div, но вместо этого он...

Позиционировать элементы относительно друг друга (CSS)
Здравствуйте! Подскажите, пожалуйста, как можно позиционировать элементы относительно друг друга?...

Не получается расположить элементы друг с другом
Здравствуйте! Возникла такая вот проблема, мне нужно чтобы три картинки вместе с названием были...

Vlad03

112 / 108 / 42

Регистрация: 22.01.2017

Сообщений: 452

15.03.2017, 12:38

CSS

1
2
3

.pager-block,.text-block{
display: inline-block;
}

float убрать

	15.03.2017, 12:38

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

15.03.2017, 12:38

Помогаю со студенческими работами здесь

Как расположить картинки строго напротив текстов?
<html> <head> <link rel="stylesheet" type="text/css" href="new 1.css"/> <script...

Как в PHP отделить элементы друг от друга, чтобы не ругались друг на друга?
<?php $chitat = fopen('yoo.txt', 'r'); if (!$chitat) { echo 'Ошибка при открытии файла...

напишите программу, отрисовывающую сцену с одним трехмерным объектом и двумя источниками света, расположенными напротив друг друга
напишите программу, отрисовывающую сцену с одним трехмерным объектом и двумя источниками света,...

Как расположить кнопки, чтобы они не накладывались друг на друга?
Помогите найти ошибку. Пишу программу, которая динамически порождает кнопки. Не могу дописать...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи
Как программировать под HCL Notes и создавать свои продукты на ее основе InfoMaster 11.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой мощную платформу для разработки корпоративных приложений, которая сочетает в себе функции электронной почты, календаря,. . .	Как работать с SVN (Subversion) InfoMaster 11.01.2025 Введение Система контроля версий является неотъемлемой частью современного процесса разработки программного обеспечения. Она обеспечивает управление изменениями в коде, позволяет отслеживать. . .	Использование GraphQL в JavaScript InfoMaster 11.01.2025 Введение в GraphQL и его преимущества В современной разработке веб-приложений эффективный обмен данными между клиентом и сервером играет ключевую роль. GraphQL представляет собой язык запросов и. . .	Администрирование Git, продвинутые техники работы с Git InfoMaster 11.01.2025 Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .	Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .	Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .	Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .

Наверх