質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

解決済

1回答

259閲覧

imgで、画像を指定できない

tidavest

総合スコア595

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2017/11/01 11:32

編集2017/11/01 11:52
<!DOCTYPE html> <head><link rel="stylesheet" type="text/css" href=".css"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-sm-12">     <div class="header"> <div class="box"> <p class="font">Let's start UBER in Hawaii <span class="span">~feel free to work with driving~</span></p> </div> </div> <h1><a href=""><img src="cola.jpg"></h1> <div class="col-sm-8"> <img src="cyc.jpg" class="cyc"> </div> <div class="col-sm-4"> <div class="menu"> <h3>Category</h3> <ul class="nav nav-pills nav-stacked"> <li><a href="">What is UBER? <li>ジュース </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

上記URLで、
<img src="cyc.jpg" class="cyc">と指定してある個所がございます。
このcyc.jpgは、.htmlというこのファイルと同じ場所に、cyc.jpgという名称で保存してるのですが、chromeで、見たところ、画像が反映されていません。
どうすれば、反映されますでしょうか。

cssは、

body { /*background-color:blue;*/ } .container-fluid { margin-left:auto;margin-right:auto; border:1px solid white; width:1200px; } .header { height:50px;width:100%; background-color:black; color:white; padding:5px; margin-bottom:-18px;margin-top:-15px; } .span { font-size:15px; } .cyc { width:600px;height:500px; } .font { font-size:35px; } img { width:100%;height:100px;border:1px solid lightgray; } .container-fluid { background-color:lightgray; } .col-sm-12 { width:1050px;height:1000px; background-color:#F5ECCE; } .nav li{ margin-top:-25px;margin-left:15px; }

になります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/11/01 11:47

class="cyc" はどうなっているんですか? display: none; とかになっていると表示されないと思いますが・・・というか、ここに書いてあること以外は第三者は何も知り得ないということを認識して質問を書いていただけないでしょうか。
tidavest

2017/11/01 11:59

cssをアップしました。cssのほうで、特に、display:noneとかには、なっておりません。
退会済みユーザー

退会済みユーザー

2017/11/01 14:59

「ここに書いてあること以外は第三者は何も知り得ない」と書いたのは CSS だけの話ではなくて、他にも画像ファイルへのパスは正しいのか、そこに実際に画像ファイルは存在するのか、アクセス制限かかってないかなど、質問に書いてあることだけではいろいろ分からないことがあるという意味です。それを Q&A を通じて一つ一つクリアにしていくのは回答者の負担が大きいです。質問者さんの方である程度切り分けしていただかないと・・・
tidavest

2017/11/02 01:03

cyc.jpg.jpgと拡張子が2重になっていました。解決済みです。どうもありがとうございます。
退会済みユーザー

退会済みユーザー

2017/11/03 01:20

src="cyc.jpg" としたが、実際にサーバーにあるファイル名は cyc.jpg.jpg だったというオチですか?
guest

回答1

0

自己解決

cyc.jpg.jpgと拡張子が2重になっていました。解決済みです。

投稿2017/11/02 01:03

tidavest

総合スコア595

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問