X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Картинка по центру
Вито_052
Вито_052
Topic Starter сообщение 4.9.2019, 13:48; Ответить: Вито_052
Сообщение #1


Ребята выручайте, уже весь мозг сломал, не могу тупо выровнять картинку по центру. вот сайт https://data-vykhoda.ru/ уже пробовал вставлять в тег p и писать text-align  и пробовал


display:flex;
align-items: center;

justify-content: center;

float: none;

 

Она стоит на месте, подвинуть её можно через margin, но я хочу чтобы она стояла чисто по центру, на разных устройствах, будь-то планшет или телефон. Выручайте, в чем причина, и почему эта картинка не стает по центру.

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 4.9.2019, 14:17; Ответить: Андрей_WPM
Сообщение #2


Вито_052, если хотите чтобы вам помогли, предоставляйте возможность без танцев с бубном смотреть код нужного элемента. Понатыкали туда защиты, как будто сайт Пентагона.

По сабжу:
Попробуйте картинке дать свойство блока и выровнить с помощью марджина

img{
display:block;
margin:0 auto;
}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Вито_052
Вито_052
Topic Starter сообщение 4.9.2019, 14:32; Ответить: Вито_052
Сообщение #3


[mention]Андрей WPM,  Да извините, забыл про защиту, Я уже так пробовал, сейчас опять прописал ваш вариант, без изменений))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Artos_mw
Artos_mw
сообщение 4.9.2019, 14:45; Ответить: Artos_mw
Сообщение #4


Вито_052, там для картинок установлено правило float: left;.
Надо его удалить или "перебить" правилом float: none;
Может потребоваться добавить ещё !important
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 4.9.2019, 14:52; Ответить: Андрей_WPM
Сообщение #5


Вито_052, просто обращаться нужно к правильному элементу. В вашем случае, это к диву с классом entry

Прикрепленный файл  Сохраненное изображение 2019-9-4_16-50-16.72.jpg ( 90,23 килобайт ) Кол-во скачиваний: 1



--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Вито_052
Вито_052
Topic Starter сообщение 4.9.2019, 15:01; Ответить: Вито_052
Сообщение #6


Artos_mw, помогло спасибо, только теперь другая проблема ссылка не только на картинке но и вокруг неё, как это поправить? 
[mention]Андрей WPM,  Спасибо за подсказки) Я просто пробовал разные варианты, наверное div тоже хотел поставить по центру)) под конец мозги начали плавится. а нужно было всего лишь убрать float left, на картинке))


Сообщение отредактировал Вито_052 - 4.9.2019, 15:01
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 4.9.2019, 16:29; Ответить: Андрей_WPM
Сообщение #7


Вито_052, да главное заработало, остальное лирика.  :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Вито_052
Вито_052
Topic Starter сообщение 4.9.2019, 17:01; Ответить: Вито_052
Сообщение #8


[mention]Андрей WPM, это да)) Тем более я нашел выход из положения, накинул background на всю зону где работает ссылка)

Прикрепленные файлы
Прикрепленный файл  345483.png ( 604,37 килобайт ) Кол-во скачиваний: 1
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 4.9.2019, 17:16; Ответить: Андрей_WPM
Сообщение #9


Вито_052, ну это уже дело вкуса.  :)

[offtopic]Вариант Artos'a вам помог, вы можете сказать ему спасибо нажав на зелёную кнопочку с лайком.  :)  Хотя бы ради этики ;) [/offtopic]


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Вито_052
Вито_052
Topic Starter сообщение 4.9.2019, 19:38; Ответить: Вито_052
Сообщение #10


Если есть идеи по дизайну, всегда готов выслушать))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2633 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Картинка долго грузится на слайдере
0 belissimo_world 6195 7.12.2015, 10:32
автор: -belissimo_world-
Открытая тема (нет новых ответов) Выровнить абсолютный блок по центру НЕИЗВЕСТНОГО размера без js
2 lensoy 5587 27.9.2015, 19:08
автор: -lensoy-
Открытая тема (нет новых ответов) Ищу Копипастера 3р файл картинка+текст+кач файла и закач ко мне на хостинг
0 dimka1109 3187 21.1.2015, 20:13
автор: dimka1109
Открытая тема (нет новых ответов) 300 символов описание. Картинка и файл.
21 Seo-optimist 7481 28.10.2014, 17:59
автор: Seo-optimist


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:04
Дизайн