<!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; }
になります。
class="cyc" はどうなっているんですか? display: none; とかになっていると表示されないと思いますが・・・というか、ここに書いてあること以外は第三者は何も知り得ないということを認識して質問を書いていただけないでしょうか。
cssをアップしました。cssのほうで、特に、display:noneとかには、なっておりません。
「ここに書いてあること以外は第三者は何も知り得ない」と書いたのは CSS だけの話ではなくて、他にも画像ファイルへのパスは正しいのか、そこに実際に画像ファイルは存在するのか、アクセス制限かかってないかなど、質問に書いてあることだけではいろいろ分からないことがあるという意味です。それを Q&A を通じて一つ一つクリアにしていくのは回答者の負担が大きいです。質問者さんの方である程度切り分けしていただかないと・・・
cyc.jpg.jpgと拡張子が2重になっていました。解決済みです。どうもありがとうございます。
src="cyc.jpg" としたが、実際にサーバーにあるファイル名は cyc.jpg.jpg だったというオチですか?
回答1件
あなたの回答
tips
プレビュー