Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
Gode
0 / 0 / 0
Регистрация: 13.05.2015
Сообщений: 13
1

Неверно отображаются картинки

13.05.2015, 22:00. Просмотров 1022. Ответов 8
Метки нет (Все метки)

Здравствуйте, я новичек, пытаюсь самостоятельно написать сайт, но столкнулся с проблемой отображения картинок, прошу помочь найти мою ошибку. Ниже выкладываю код и крин страницы.
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
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>My site</title>
<script type="text/javascript" src="js/jquery-1.11.2"></script>
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
    <div class ="jumbotron">
     <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 
    <div class="neighborhood-guides">
        <div class="container">
            <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
              <div class="row">
                <div class="col-md-4">
                <div class="thumbnail">
                  <img src="http://www.cyberforum.ru/images/Kiev.jpg">
                </div>
             <div class="thumbnail">
               <img src="http://www.cyberforum.ru/images/L'vov.jpg">
             </div>
             </div>
<div class="col-sm-4">
   <div class="thumbnail">
<img src="http://www.cyberforum.ru/images/Odessa.jpg">
    </div>
       <div class="thumbnail">
<img src="http://www.cyberforum.ru/images/Harkov.jpg">
    </div>
</div>
<div class="col-md-4">
  <div class="thumbnail">
<img src="http://*******/0Kd7UO">
    </div>
</div>
</div>
</div>
</div> 
    <div class="learn-more">
    <div class="container">
    <div class="row">
        <div class="col-md-4">
      <h3>Travel</h3>
      <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
      <p><a href="#">See how to travel on Airbnb</a></p>
        </div>
      <div class="col-md-4">
      <h3>Host</h3>
      <p>Renting out your unused space could pay your bills or fund your next vacation.</p>
      <p><a href="#">Learn more about hosting</a></p>
      </div>
      <div class="col-md-4">
      <h3>Trust and Safety</h3>
      <p>From Verified ID to our worldwide customer support team, we've got your back.</p>
      <p><a href="#">Learn about trust at Airbnb</a></p>
      </div>
      </div>
    </div>
  </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
  </body>
</html>
0
Миниатюры
Неверно отображаются картинки  
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.05.2015, 22:00
Ответы с готовыми решениями:

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

Неверно отображаются иконки
Добрый вечер! Давно заметил проблему, но раньше игнорил.. Почему-то браузер...

Не отображаются картинки в IE
Здравствуйте Возникла проблема. Сделал страницу с миниатюрами изображений в...

Не отображаются картинки в IE 7- IE 8
Так, проблема вот в чем, делаю сайт и на главной странице у меня есть картинки...

не отображаются картинки на сайте
Доброго дня. Помогите начинающему. Сделал сайт на голом HTML. На локальном...

8
paskalnikita
86 / 86 / 30
Регистрация: 12.08.2014
Сообщений: 1,070
14.05.2015, 12:46 2
Укажите правильно путь к картинкам . По ссылкам, которые вы сделали для картинок , которые на cyberforum хранятся их там нет, поэтому они не отображаются
0
Gode
0 / 0 / 0
Регистрация: 13.05.2015
Сообщений: 13
14.05.2015, 21:07  [ТС] 3
Я не знаю как так получилось, но в моем коде нет такой записи
<img src="http://www.cyberforum.ru/images/Harkov.jpg">
у меня написано <img src="http://www.cyberforum.ru/images/Harkov.jpg"> если я правильно понимаю я сразу указываю путь к картинке на жестком диске, потому мне не понятно почему моя картинка не отображается.
0
Supernatural
604 / 203 / 48
Регистрация: 22.11.2010
Сообщений: 1,603
Записей в блоге: 2
14.05.2015, 21:39 4
Gode,
HTML5
1
2
http://www.cyberforum.ru/images/Harkov.jpg
http://www.cyberforum.ru/images/L'vov.jpg
по твоему это нормальные адреса в коде?
0
Gode
0 / 0 / 0
Регистрация: 13.05.2015
Сообщений: 13
14.05.2015, 22:05  [ТС] 5
Я не понимаю, но я не писал http://www.cyberforum.ru/images/L'vov.jpg
прилагаю скрин http://prntscr.com/757u4d[/IMG]
0
paskalnikita
86 / 86 / 30
Регистрация: 12.08.2014
Сообщений: 1,070
14.05.2015, 22:07 6
Лучший ответ Сообщение было отмечено Gode как решение

Решение

Тут оборачивают путь к файлу регулярным выражением, поэтому и ссылки такие. Вы уверены что путь правильно написали? Попробуйте относительный и обсолютный пути. Проверьте сими названия файлов, так как image.jpg и IMAGE.jpg это разные картинки
1
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2745 / 2308 / 1017
Регистрация: 15.12.2012
Сообщений: 8,566
Записей в блоге: 1
14.05.2015, 22:15 7
Жесть... Попробуйте указать путь в таком формате: images/L'vov.jpg без ../ - в начале адреса...
0
Gode
0 / 0 / 0
Регистрация: 13.05.2015
Сообщений: 13
14.05.2015, 22:20  [ТС] 8
Проблема решена. Добавил корневую папку, картинка открылась, спасибо!

Добавлено через 2 минуты
Цитата Сообщение от Fedor92 Посмотреть сообщение
Жесть... Попробуйте указать путь в таком формате: images/L'vov.jpg без ../ - в начале адреса...
Fedor92 Ваш способ не помог
0
Fedor92
14.05.2015, 22:22     Неверно отображаются картинки
  #9

Не по теме:

Gode, ну Вам то виднее...:D

0
14.05.2015, 22:22
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.05.2015, 22:22
Привет! Вот еще темы с ответами:

Не отображаются картинки в галереи
Здравствуйте. В галереи картинок первая картинка отображается, а все...

Не отображаются картинки и фон
Помогите! Пытаюсь вставить картинку css в качестве фона в body адрес...

В мозиле не отображаются картинки
здравствуйте. я начинающий. я создала сайт dance-samara.ru в мозиле не...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru