Позиционирование бренда на веб-сайте
Я заглянул на этот сайт: http://www.rutherfordcapital.co.za/
Как они размещают свой логотип в центре так, чтобы верхняя часть была немного выше черной панели навигации, а нижняя часть логотипа переходила в изображение?
How do they position their logo просто F12 и посмотрите в элементе / стиле, что делать
—
25.06.2018 13:10
небольшой совет - щелкните правой кнопкой мыши и выберите элемент проверки, вы можете увидеть все стили, примененные к нему - в этом случае ссылка была размещена абсолютно
—
25.06.2018 13:17
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
3
44
3
Ответы 3
Удерживая z-index логотипа выше, чем изображение и панель навигации, и используя абсолютное позиционирование, это можно сделать.
Это можно сделать, используя отрицательные поля на логотипе, примерно так:
margin-top: -2px;
margin-bottom: -15px;
Для этого используйте margin для получения желаемой позиции изображения и используйте z-index: 1; для отображения логотипа спереди.
Для подробностей
- щелкните правой кнопкой мыши логотип
- Затем выберите проверить элемент
- затем вы можете просмотреть html-код и css этой части
Другие вопросы по теме
HTML - вставить текст в контейнер div
Как получить прокручиваемый div во всю высоту в гибком блоке?
Rails создает динамический модальный шаблон
Пользовательские шрифты на мобильных устройствах работают на одних страницах, а на других - нет
Предупреждения и ошибки сетки CSS в netbeans 8.2
Как скрыть div / element при прокрутке передайте его?
Css: before: выровнять несколько строк текста с изображением
Как добавить автоматическую прокрутку при переполнении, если родительский элемент имеет фиксированную позицию
Макет с 3 столбцами разного размера с помощью Flex
Несколько тегов span под div добавляют лишние пробелы
Похожие вопросы
HTML - вставить текст в контейнер div
Как получить прокручиваемый div во всю высоту в гибком блоке?
Как скрыть div / element при прокрутке передайте его?
Как добавить автоматическую прокрутку при переполнении, если родительский элемент имеет фиксированную позицию
Silviomoreto Bootstrap-selectpicker запрос атрибута data-live-search
RMarkdown и блестящий как html-страница
Форма внутри модального окна не работает
Ошибка схемы - несколько отзывов должны сопровождаться совокупным рейтингом
Js: загрузить один и тот же код js с разными параметрами
Как защитить HTML-форму от пустой отправки
Вопросы с просьбой предложить, найти или порекомендовать книгу, инструмент, библиотеку программного обеспечения, плагин, учебное пособие, объяснить метод или предоставить любой другой сторонний ресурс не относятся к теме для Stack Overflow.