HTML, CSS

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

Войти

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

Другие темы раздела
HTML, CSS подскажите чего не хватает в этом коде Как сделать чтоб при нажатие изображения открывался веб сайт чего мне хватает в этом коде <a href="http://www.sololearn.com"> <img src="1.jpg" alt=""/ <___> https://www.cyberforum.ru/ html/ thread2408756.html	Открыить метрику во фрейм окне HTML, CSS Как можно открыть метрику во фрейм окне? <iframe src='https://metrika.yandex.ru/dashboard?id=47808626' frameborder='0' style='width: 1000px; height: 1000px; display:block;'></iframe> Не работает
HTML, CSS Отступы в слайдере https://www.cyberforum.ru/ html/ thread2408427.html Здравствуйте. Подскажите пожалуйста как поместить слайдер по середине для всех экранов. Заранее спасибо!	HTML, CSS Как сверстать данный текст? Как сверстать данный текст? https://www.cyberforum.ru/ html/ thread2408282.html
Как растянуть родительский элемент по дочерним? HTML, CSS Как растянуть родительский элемент по дочерним? Проблема в том что, если сдвигать дочерние элементы (позиционированием) ,то они вылазиют за границы. <div class="mama"> <div class="dochaA"> fffffffffffffffffffffffffffffffffff </div> <div class="dochaB"> fffffffffffffffffffffffffffffffffff </div>	HTML, CSS Вернуть маркеры Как установить стандартные маркеры - точки? footer ul { counter-reset: list 0; } footer ul li { display: block; padding-bottom:8px; font-size:14px; https://www.cyberforum.ru/ html/ thread2408244.html
HTML, CSS Background на мобильной версии отображается некорректно https://www.cyberforum.ru/ html/ thread2408125.html Здравствуйте. Использую для блока background картинку: background: #fff url(/assets/img/page-01_slide01.jpg) right center no-repeat; background-size: cover; background-attachment: fixed; Отображается все корректно на компьютере. Но через телефон картинка отображается ужасно. Процентов 30% картинки только отображается, остальное просто обрезано. Из-за этого нарушается замысел дизайна....	Таблица в HTML HTML, CSS Как в HTML сделать так, чтобы таблица была на переднем фоне, а изображение на заднем?
HTML, CSS Поворот текста https://www.cyberforum.ru/ html/ thread2408095.html Никак не могу сделать адаптивный поворот текста. Надо, чтобы как на скриншоте, но так, чтобы если справа от title будет много текста(10 строк, а не 2), то title тоже растягивался	HTML, CSS Некорректно отображается Html (Navbar) Добрый день! Прошу помощи с , по возможности, подробным объяснением (из-за низкого уровня навыка). Столкнулась со следующей проблемой: при выводе html страницы не отображает корректно navbar. На Рис.1 выкладываю желаемый результат, на Рис.2,3 - что имею по факту. Прошу указать возможные решения проблем (сама пыталась все исправить, но ничего не получилось) . <!DOCTYPE html> <html... https://www.cyberforum.ru/ html/ thread2407950.html
Сдвинуть блок относительно текста HTML, CSS подскажите пожалуйста, каким образом можно блок arr_down немного сдвинуть вниз относительно текста? У меня не получается. Он отодвигает элемент списка вниз и делает его длиннее остальных. Я чисто подогнал, отступами, но мне кажется - это неправильно, и поэтому нет собственно возможности управлять положением этой стрелки. Это кстати и к вопросу о том, где размещать картинку... Тут просто картинка...	HTML, CSS Галерея изображений https://www.cyberforum.ru/ html/ thread2407691.html Форумчане, добрый вечер! Верстаю я макет (Верстаю я на сетке bootstrap4), и дошел до блока с галереей изображений. () Эти изображения идут шире чем основной контент, то есть мы делаем обертку .container-fluid А вот дальше начались проблемы =( Думал дать первому изображению col-lg-4, потом следующий див .col-lg-8 и в нем сделать три col-4. Но проблема в том, что если я буду делать...

Адильбек16

0 / 0 / 0

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

Сообщений: 21

25.02.2019, 23:00 [ТС]

Логотип в мобильной версии сайта - HTML, CSS - Ответ 13357244

25.02.2019, 23:00. Показов 6738. Ответов 9

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

Ответ

Спасибо большое, помогло.

Добавлено через 1 час 36 минут
Подскажите зависимость, я как уменьшил логотип в мобильной версии, рядом стоящая иконка меню была по центру, стала прижата к верху. где копать? извините,что так на словах объясняю. зависимость эту понять не могу

Добавлено через 2 минуты

HTML5

<div class="header-top-area">
    <div class="container">
      <div class="row">
        <div class="col-md-3"> 
          <!-- START LOGO -->
          <div class="basement-logo"> <a class="logo" href="index.html"><img src="images/logo.png" alt="Basement" ”></a> </div>
          <!-- END LOGO --> 
        </div>
        <div class="col-md-9"> 
          <!-- START MAIN MENU -->
          <nav class="navbar navbar-default"> 
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
              <!-- Logo --> </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a class="smoth-scroll" href="#home">Главная</a></li>
                <li><a class="smoth-scroll" href="#aboutus">О нас</a></li>
                
                <li><a class="smoth-scroll" href="#ourteam">Наша команда</a></li>
                
                
                <li><a class="smoth-scroll" href="#contactus">Контакты</a></li>
              </ul>
            </div>

CSS

.navbar-default .navbar-toggle .icon-bar {
    background: #f8f8f8
}
.basement-logo {
  padding: 10px 0;
  
}
.navbar-logo img{
    max-width: 250px;
    margin-left: 15px;
    max-height: 50px; 
    }
.menu-bg .navbar-toggle .icon-bar {
    background: #fff
}
.menu-bg .navbar-toggle {
    background: #ffb400;
    margin-top: -48px;
}
.navbar-toggle {
    margin-right: 0;
    margin-top: -48px;
    border: none;
    background: #ffb400;
}
.menu-bg .navbar-collapse, .navbar-collapse {
    background: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #ffb400;
}
.navbar-default .navbar-nav li a, .menu-bg .navbar-default .navbar-nav li a {
    padding: 11px 15px;
}
.menu-bg .basement-logo {
    padding: 10px 0;
}
header .navbar-nav {
    margin: 7.5px 0;
}
.navbar {
    margin: 0;
}
.navbar-brand {
    display: block;
    padding: 0;
    height: auto;
}
.navbar-default .navbar-collapse {
    float: none;
    border: none;
    box-shadow: none;
}
 
@media (max-width: 500px) {
.basement-logo img{
    width: calc(80%);
  }
}

Вернуться к обсуждению:
Логотип в мобильной версии сайта HTML, CSS

Следующий ответ

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

Programming

Эксперт

39485 / 9562 / 3019

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

Сообщений: 41,671

Блог

25.02.2019, 23:00

Готовые ответы и решения:

Тестирование мобильной версии сайта
Делаю мобильную версию сайта, адаптивной версткой но не могу понять как на пк можно посмотреть, не...

Создание мобильной версии сайта
Подскажите как реализовать? При помощи @media handheld (screen) не получается. Добавлено через...

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

Меню для мобильной версии сайта
Ребят, подскажите! Как сделать меню ( выпадающее ) то что на сайте mybootstrap.ru ( в адаптивное...

	25.02.2019, 23:00

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

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

Сообщений: 28,500

Блог

25.02.2019, 23:00

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

Отступ справа на мобильной версии сайта
https://ruflex.000webhostapp.com/main2/ заметил на своем сайте отступ справа именно на мобильной...

Оптимизация блока в мобильной версии сайта
Доброго времени суток! Подскажите что я именно сделал не так. На мобильной версии сайта не...

Не работают ссылки в мобильной версии сайта
http://байкал-логистика.рф - имеется сайтик, делался давно, пришла инфа, что не работают ссылки с...

Белая полоса в мобильной версии сайта
В мобильной версии сайта при прокрутке вниз появляется белая полоска, равная по высоте верхней...

Новые блоги и статьи
Элементы алгоритмизации hw_wired 28.01.2025 Основы алгоритмизации В современном мире алгоритмы играют фундаментальную роль в развитии информационных технологий и программирования. Понимание основ алгоритмизации является ключевым элементом в. . .	Человек и информация hw_wired 28.01.2025 Введение: роль информации в познании мира В современном мире информация играет фундаментальную роль в процессе познания окружающей действительности. Она представляет собой совокупность сведений об. . .	Компьютер и информация hw_wired 28.01.2025 Эволюция вычислительных машин История развития вычислительной техники начинается задолго до появления первых электронных устройств. Человечество всегда стремилось упростить процесс вычислений и. . .	Информационные технологии hw_wired 28.01.2025 Введение в современные технологии работы с информацией В современном мире информационные технологии стали неотъемлемой частью практически всех сфер человеческой деятельности. Они существенно. . .	Информация вокруг нас hw_wired 28.01.2025 Основные понятия информации В современном мире понятие информации является фундаментальным и охватывает практически все сферы человеческой деятельности. Информация представляет собой совокупность. . .	Компьютер для начинающих hw_wired 28.01.2025 Введение в мир компьютерных технологий В современном мире информация стала одним из важнейших ресурсов человечества, определяющим развитие общества и технологий. Наша жизнь неразрывно связана с. . .
[golang] 189. Rotate Array alhaos 28.01.2025 Повороты рукоятки, целочисленный слайс нужно сдвинуть на целое положительное число. Мне очень нравится решение на GO / / https:/ / leetcode. com/ studyplan/ top-interview-150/ package topInterview . . .	КуМир: решение задач на матрицы bytestream 28.01.2025 КуМир представляет собой среду для обучения программированию, которая включает в себя мощные инструменты для работы с матрицами. Матрица в программировании - это двумерный массив, состоящий из. . .	КуМир: решение задач на строки bytestream 28.01.2025 В системе программирования КуМир работа со строковыми данными является одним из важнейших аспектов создания программ. Строки представляют собой последовательности символов, заключенные в кавычки,. . .	КуМир: решение геометрических задач bytestream 28.01.2025 Программирование геометрических задач в среде КуМир становится всё более актуальным в обучении школьников и студентов. КуМир — это разработанная в России обучающая программная среда, предназначенная. . .	КуМир, исполнитель Водолей: Задачи и решения bytestream 28.01.2025 КуМир — это образовательная среда для обучения программированию. Она предлагает пользователям разнообразные инструменты для разработки и отладки программ, что особенно ценно для студентов и. . .	КуМир, исполнитель Чертежник: Решение задач bytestream 28.01.2025 КуМир (Комплект Учебных МИРов) представляет собой образовательную среду для обучения основам программирования и алгоритмизации. Исполнитель Чертежник работает на координатной плоскости, где может. . .

Наверх