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

Не показывается картинка в футере

28.06.2017, 12:30. Показов 2081. Ответов 9

Студворк — интернет-сервис помощи студентам
Здравствуйте. Подскажите пожалуйста, в чем может быть причина скрытия логотипа, он вроде там место занимает а его не видно. Спасибо.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<footer class="footer">
        <div class="container">
            <div class="row">
                        <div class="main-content">
            
            <div class="footer-logo"><img src="img/wlogo.png" alt=""></div>
            
            <div class="commun">
                <ul>
                    <li><a href="#"><i class="fa fa-envelope-o"></i>Обратная связь</a></li>
                    <li><a href="#"><i class="fa fa-check-square-o"></i>Публичная оферта</a></li>
                </ul>
            </div>
 
            <div class="rights">
                <ul>
                    <li><a href="#"><i class="fa fa-pencil-square-o"></i>Подписка на рассылку</a></li>
                    <li><a href="#">2014-2017.Все права защищены</a></li>
                </ul>
            </div>
 
            <div class="social">
                <ul>
                    <li><a href="#"><i class="fa fa-facebook-official"></i></a></li>
                    <li><a href="#"><i class="fa fa-vk"></i></a></li>
                    <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                </ul>
            </div>
        
        </div>
            </div>
        </div>
    </footer>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.footer
    background-color: #3F5064
    font-size: 13px
    margin-top: 50px
    a 
        color: #fff
        text-decoration: none
        transition: .3s ease
        &:hover
            color: #63A7AA
    ul, li 
        list-style-type: none
        text-align: left
        .fa
            margin-right: 10px
    .main-content
        display: flex
        justify-content: space-around
        align-items: center
    .social
        li 
            display: inline-block
            font-size: 30px
            margin-right: 15px
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.06.2017, 12:30
Ответы с готовыми решениями:

Не показывается картинка на странице
делаю сейчас копию одного сайта и заметил что на нем в шапке не хватает изображения(в мозилле). зашел через хром - картинка есть. не придал...

Расположение 2-х дивов в футере
Макет как на прикрепленной картинке. Футер прижат к низу страницы, в футере два дива, один должен быть прижат к левому краю, другой к...

Съезжает изображение в футере
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt; &lt;style&gt; .container {width:700px;...

9
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
28.06.2017, 12:53
в приведенном коде все работает, ну за исключением того что нужно добавить скобки и точки с запятой, что не работает у вас?
0
0 / 0 / 0
Регистрация: 17.12.2016
Сообщений: 10
28.06.2017, 12:58
Цитата Сообщение от Alexey8888 Посмотреть сообщение
wlogo.png
Возможно опечатка? перед "logo" стоит w
0
28.06.2017, 13:02

Не по теме:

Цитата Сообщение от AlexZaw Посмотреть сообщение
за исключением того что нужно добавить скобки и точки с запятой
тащемта это sass

0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
28.06.2017, 14:15
Скорее всего путь к изображению неверный.
0
4 / 4 / 3
Регистрация: 27.12.2016
Сообщений: 114
28.06.2017, 15:00  [ТС]
Я все проверил, и путь в том числе, не показывается изображение, хоть ты убей...Подставляю другую картинку тоже не видно, ставлю в блок повыше видно... явно где-то опечатка, уже наверное глаза замылились, буду искать. Всем спасибо

Добавлено через 11 минут
Флексбокс как то может влиять на картинку? Кроме этого не осталось вариантов..
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
28.06.2017, 15:06
Повторю еще раз, приведенный код полностью рабочий, ошибка где то в другом месте.
Песочница с вашим кодом: https://jsfiddle.net/AlexZaw/tgzb9qc7/
1
4 / 4 / 3
Регистрация: 27.12.2016
Сообщений: 114
28.06.2017, 15:13  [ТС]
Честно признаться я даже не подозреваю в чем и где ошибка, ставлю картинку на блок выше она есть...Что может быть с блоком чтоб он не показывал картинку...не понимаю..

Добавлено через 3 минуты
Винимаю из main-content работает...
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
28.06.2017, 15:13
в интернете есть данная страница? неплохо было бы на нее в инспекторе глянуть что бы понять что к чему
main-content не при чем, если только где то для него не задаются еще какие то стили, или динамически не меняется содержимое
0
4 / 4 / 3
Регистрация: 27.12.2016
Сообщений: 114
28.06.2017, 15:26  [ТС]
нет его нет в интернете. но стили больше не задаются вроде негде... буду искать, в чем трабла.. спасибо

Добавлено через 5 минут
Как оказолось, у меня был еще один класс main-contant выше, как всегда все банально)) Спасибо всем за помощь!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.06.2017, 15:26
Помогаю со студенческими работами здесь

Большой отступ в футере
Скажите как можно исправить вот такое вот {ссылка удалена} там в самом низу огромное отступление в двух местах, как его убрать можно. ...

Убрать отступ в футере
Помогите с футером . Хочу, чтобы не было этих тупых отступов за границу слева и справа. Ширина дана 100%.

Картинка из SQL не показывается.
Народ, помогите пожалуйста. Запихал я через VB (adoRS.Filds('pict').AppendChunk) картинки в SQL-базу поле image. Проблема в том, что...

Не показывается картинка на главной странице сайта
У меня такая проблема, я учусь делать сайт, и в панели администратора в ворд пресс мне необходимо вставить картинку, я это делаю но на...

На разных компьютерах по-разному показывается картинка
есть картинка которую я вывожу на экран... в режиме фона для таблицы... дабы картинку нельзя было скопировать (неискушенному пользователю) ...


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

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru