Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/9: Рейтинг темы: голосов - 9, средняя оценка - 4.67
8 / 0 / 2
Регистрация: 11.06.2016
Сообщений: 261

Убрать вертикальный отступ при использовании инлайнового элемента

11.06.2016, 21:25. Показов 1944. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, начал изучать самостоятельно html/css и уперся в одну проблему, непонимаю почему блок отображается ниже чем положено.
Весь .logoArea отображается как будто с верхним отступом/смещением но не где его я не указывал.
Ткните в проблему пожалуйста.
Вложения
Тип файла: zip dsgn-template.zip (633.8 Кб, 4 просмотров)
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
11.06.2016, 21:25
Ответы с готовыми решениями:

При использовании :after убрать подчеркивание у последнего элемента в ссылке
Здравствуйте! При использовании псевдоэлемента :after свойство text-decoration: none; не работает, color работает... Помогите исправить.

При использовании transform: rotate() появляется отступ
Добрый вечер. При использовании transform: rotate(-90deg), появляется отступ, как его убрать? <body> <div...

Отступ в процентах (вертикальный)
Подскажите, как задать в процентах верхний отступ от общей высоты страницы (см.рис)? Чтоб содержимое страницы при любых размерах браузера...

3
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
11.06.2016, 21:28
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

marketarea, если добавить свойство vertical-align:top для .logoArea всё придёт в норму... Или вместо display:inline-block можно заюзать float:left, как вариант...
1
8 / 0 / 2
Регистрация: 11.06.2016
Сообщений: 261
11.06.2016, 21:36  [ТС]
Спасибо!
Это ужасно просто, с головы вылетело что вертикальное выравнивание применимо еще и к инлайн элементам...
Правильно?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
11.06.2016, 21:37
Цитата Сообщение от marketarea Посмотреть сообщение
Это ужасно просто, с головы вылетело что вертикальное выравнивание применимо еще и к инлайн элементам...
Да всё верно... Результат перед Вашими глазами...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
11.06.2016, 21:37
Помогаю со студенческими работами здесь

Карта, вертикальный отступ
Подскажите, чем сделать отступ у карты сверху. <iframe class="maps"...

Как установить вертикальный отступ?
Всем привет! Возникла проблема - не получается установить содержимое в блоке по центру по вертикали. Горизонтальное центрирование победил!...

Как сделать вертикальный отступ
<div align="center"><h1><p>Галерея</p></h1> <div id="gallery2"> <ul id="tabs2"> <li><a href="#sportcar1"><img...

Убрать отступ при смещении верхних блоков
https://jsfiddle.net/p5gby80o/ Вроде все хорошо, но почему образуется отступ между 1 и 5 блоком? То есть изменил высоту второго блока,...

Вертикальный отступ в Html макете рассылки в outlook
Добрый день, подскажите пожалуйста новичку, в чем проблема. Задача, вставить картинки с номерами 1, 2, 3 возле текста в макете для html...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 09.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 31.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru