Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
24 / 24 / 10
Регистрация: 22.12.2012
Сообщений: 2,714

Браузер не видит картинку

12.07.2016, 07:28. Показов 2813. Ответов 3

Студворк — интернет-сервис помощи студентам
Делаю простую верстку на Bootstrap 3.
В слайдере прописал путь к картинке. В папке она есть. Даже редактор ее видит, а браузер нет!
Почему?

Прилагаю код и скрины.

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Bootstrap 3 Carousel</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style type="text/css">
.carousel{
    background: #2f4357;
    margin-top: 20px;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
    margin: 20px;
}
</style>
</head>
    
    
    
    
    
 
 
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation">
 <div class="navbar-header">
 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 <a class="navbar-brand visible-xs" href="http://1zaicev.ru/">Бизнес в Сети</a>
 </div>
 <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" style="height: 1px;">
 <ul class="nav navbar-nav">
 <li id="button_home" class="">
 <a href="#">
 Home
 </a>
 </li> 
 <li id="button_home" class="">
 <a href="#">
 Services
 </a>
 </li> 
 <li id="button_author" class="">
 <a href="#">
Contact Us
 </a>
 </li>
 
 </ul>
 </div>
 </div>
 </div>
</nav>
<!-- End Navigation -->
 
 
<!-- Slidshow -->
<div class="bs-example">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Carousel indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>   
        <!-- Wrapper for carousel items -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="/img/website-designing-header.jpg" alt="First Slide">
            </div>
            <div class="item">
                <img src="/img/website-designing-header.jpg" alt="Second Slide">
            </div>
            <div class="item">
                <img src="../images/slide3.png" alt="Third Slide">
            </div>
        </div>
        <!-- Carousel controls -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>
<!-- End Slidshow -->
 
 
<div class="container">
      <div class="row">
      
      
      
      
      
      
    <div class="col-sm-12">
       
    </div>
    
    <div class="col-sm-12">
        <div class="col-sm-12">
       <div class="block-left">
            <div id="block-1"><img src="img/mcp.png" alt="" height="35" border="0">
            <br><br>
            </div>
        </div>
    </div>
    </div>
    
      <div class="row">
    <div class="col-sm-12">
      
    </div>
                
    <div class="col-sm-12">
        
        </div>
        </div>
        
        <div class="row">
    <div class="col-sm-12">
        
        </div>
        </div>
 
 
</body>
</html>                                     
    
    
  </body>
</html>

Спасибо.
Миниатюры
Браузер не видит картинку   Браузер не видит картинку  
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
12.07.2016, 07:28
Ответы с готовыми решениями:

Браузер не открывает картинку
Здравствуйте, всем. Можете помочь мне с этой проблемой. Проблема в том что мой браузер(хром) не открывает картинки которые я поставил в...

Браузер не видит стили
Доброго времени суток! WEB программирование занимаюсь не очень давно. Столкнулся проблемой, которая просто ввела меня в ступор. Она...

Браузер не видит стили
Привет. По какой причине браузер не видит стилей в документе на некоторых страницах? Через dev. tool я вижу подключенный файл стилей и...

3
Хитрая блондиночка $)
 Аватар для Hikari
1472 / 988 / 399
Регистрация: 21.12.2015
Сообщений: 3,785
12.07.2016, 07:45
Что в консоли ошибок браузер пишет?
0
24 / 24 / 10
Регистрация: 22.12.2012
Сообщений: 2,714
12.07.2016, 07:48  [ТС]
Hikari, где это посмотреть?

Добавлено через 1 минуту
В Chrome где эта консоль?
0
24 / 24 / 10
Регистрация: 22.12.2012
Сообщений: 2,714
12.07.2016, 07:54  [ТС]
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

В инспекторе кода такое показывает(скрин снизу).

Разобрался. Слэш убрал и заработало.
Миниатюры
Браузер не видит картинку  
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.07.2016, 07:54
Помогаю со студенческими работами здесь

Браузер не видит CSS файл
Здравствуйте, у меня возникла кое-какая проблема с подключение css файла. Браузер просто его не видит, вроде все правильно подключаю, но на...

Браузер не видит стили на cyberforum
Сижу с хрома на cyberforum и нет стилей,хотя в с телефона все нормально как и с Edge. В чем проблема?

Браузер не видит правило opacity
Здравствуйте, не могу понять, почему браузер не видит правило opacity: .one-post-shadow{ margin-top: -70px; height: 80px; ...

Браузер не видит часть стилей из CSS
Доброго времени суток! WEB программирование занимаюсь не очень давно. Столкнулась с проблемой, которая просто ввела меня в ступор. Она...

Html не видит картинку
Учусь писать на html на андроиде в приложении &quot;Dcoder&quot; Не могу вывести изображение Вот код: &lt;!DOCTYPE html&gt; ...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru