Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
 Аватар для Coolfreeze
3 / 3 / 4
Регистрация: 21.02.2016
Сообщений: 207

Выравнять изображение в шапке сайта

28.07.2016, 22:48. Показов 1160. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем желаю доброго времени суток! Была задача воткнуть изображение по центру шапки, а так как на сайт подключен бутстрап, я сделал так
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="header_shapka">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="http://infocar.pro/" class="logotype"><img src="http://infocar.pro/wp-content/uploads/2016/07/logotype.png" alt="Logotype_Comandor_Group"></a>
                </div>
                <div class="col-md-6">
                    <div class="bg_img">
                    <img src="/wp-content/themes/infocar/img/prokat mashin v sochi.jpg" width="488" height="200" alt="prokat mashin v sochi">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="contact_form">
                        <div>
                            <?php echo do_shortcode( '[contact-form-7 id="44" title="Контактная форма 1"]' ); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
но картинка судя по всему из за размеров уходит влево http://infocar.pro/, как ее выровнять по центру? Высота шапки 200px. Подскажите пожалуйста!
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.07.2016, 22:48
Ответы с готовыми решениями:

Обрезается изображение в шапке
Всем доброго времени суток. Проблема состоит в следующем. В шапке слева используется отдельное изображение и слоган, на широком экране...

Как разбить изображение в шапке
Добрый день! Такой вопрос сложился, сейчас в шапке такой код: &lt;header class=&quot;site-header size-lg text-center&quot;...

Как выравнять колонки сайта на CSS
Здравствуйте. Задача такая, имеем html-код примерно такой: &lt;body&gt; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt; &lt;div...

2
14 / 14 / 7
Регистрация: 17.08.2015
Сообщений: 44
28.07.2016, 23:19
CSS
1
2
3
.view {
text-align:center;
}
1
 Аватар для Coolfreeze
3 / 3 / 4
Регистрация: 21.02.2016
Сообщений: 207
29.07.2016, 20:40  [ТС]
smaqy, ваше решение сработало, спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
29.07.2016, 20:40
Помогаю со студенческими работами здесь

Выравнять слайдер по центру шапки сайта
Всем хорошего времени суток, вставил шорткод слайдера в шапку сайта http://skmedved.club/ &lt;div class=&quot;header_shapka&quot;&gt; ...

Изображение в шапке форума и погодный информер
Имется форум phpbb3 стиль сабсильвер2. Нужно добавить код информера и изображение со ссылкой на другой сайт . Пробовал вставлять код...

Как выравнять картинку в шапке по центру
Доброго времени суток! Задача такая: сделать так, чтобы по краям экрана шел фон (слева и справа, соответственно), а по центру фона...

Как менять изображение в шапке для страницы пункта меню?
Здравствуйте! Новичок в wordpress. Сайт на localhost. Тема — Graphene. Добавил пункт меню — рубрику. Как сделать так, чтобы в шапке...

вопрос о шапке сайта.
доброе время суток, ребят. у меня такой вопрос. скачал шаблон на joomla а в шапке шаблона есть слова которые мне мягко сказать мешают. ...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru