お世話になります。
CSSが読み込まれません。どうすれば読み込まれますか?
追記 ファイル構成図は下記です。
Portfolio----about----about.html
| |-stylesheet.css
|
|-index
|
|-portfolio-images----images----bg-about.jpg
下記にコードを載せます。
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>About 風景写真家「SNAPPERS」</title> 6<link href="https://fonts.googleapis.com/css?family=Bitter:400,700" rel="stylesheet"> 7<link href="/home/yusuke/Desktop/Portfolio/about/stylesheet.css" type="text/css" rel="stylesheet"> 8</head> 9<body id="about"> 10 11 <!-- header始まり --> 12 <header> 13 <div class="logo"> 14 <a href="index.html"><img src="/home/yusuke/Desktop/Portfolio/portfolio_images/images/logo.png" alt="SNAPPERS"></a> 15 </div> 16 <nav> 17 <ul class="global-nav"> 18 <li><a href="portfolio.html">Portfolio</a></li> 19 <li><a href="about.html">About</a></li> 20 <li><a href="contact.html">Contact</a></li> 21 </ul> 22 </nav> 23 </header> 24 <!-- header終わり --> 25 26 <!-- wrap始まり --> 27 <div id="wrap"> 28 <div class="content"> 29 <div class="main-center"> 30 <h1>About</h1> 31 <p>SNAPPERS代表、山田太郎のプロフィールや経歴紹介のページです。</p> 32 <section class="profile clearfix"> 33 <div class="profile-txt"> 34 <h2 class="icon">Profile</h2> 35 <p><span>SNAPPERS 代表:山田太郎</span><br>アナログ、デジタル問わず、トイカメラやポラロイド、ビデオカメラに至るまで、 36 あらゆるカメラに夢中になって遊んでいるうちに自然とカメラマンとしての道を志すようになる。<br> 37 大学卒業後、有名カメラマンのアシスタントを経て渡米。世界各国を放浪しながら撮影をする中で、現在のアウトドア 38 カメラマンとしてのスタイルを確立する。2016年に帰国し、「SNAPPERS」を設立。<br>現在は、雑誌の表紙やカタログの撮影 39 を中心に、映像作品などにもカメラマンとして参加するなど幅広く活躍している。</p> 40 </div> 41 <img src="/home/yusuke/Desktop/Portfolio/portfolio_images/images/about-profile.png" alt="山田太郎プロフィール画像" 42 class="profile-image"> 43 </section> 44 <section class="career"> 45 <h2 class="icon">Career and Job history</h2> 46 <table> 47 <tr> 48 <th>1994年3月</th> 49 <td>丸三角芸術大学写真科 卒業 50 服部写真研究所に入社、服部英明氏に師事 51 </td> 52 </tr> 53 <tr> 54 <th>2002年3月</th> 55 <td>服部写真研究所を退社し渡米、世界各国を放浪しながら撮影を続ける</td> 56 </tr> 57 <tr> 58 <th>2012年8月</th> 59 <td>イタリア・ミラノで開催されたコンクールにて、審査員特別賞を受賞</td> 60 </tr> 61 <tr> 62 <th>2016年1月</th> 63 <td>帰国し「SNAPPERS」を設立</td> 64 </tr> 65 <tr> 66 <th>2016年4月</th> 67 <td>Aichi Musiumにて初の写真展「Snap!Snap!」を開催</td> 68 </tr> 69 </table> 70 </section> 71 </div> 72 </div> 73 </div> 74 <!-- wrap終わり --> 75 76 <!-- footer始まり --> 77 <footer> 78 <small>(C)2017 Hattori-studio.</small> 79 </footer> 80 <!-- footer終わり --> 81 82</body> 83</html>
CSS
1#about { 2 background-image: url(/home/yusuke/Desktop/Portfolio/portfolio_images/images/bg-about.jpg); 3 background-repeat: no-repeat; 4 background-position: center center; 5 background-attachment: fixed; 6 background-size: cover; 7}
HTML・CSS、imgの位置が分かるような、ファイル構成を提示されると良いかと思います。
アドバイスありがとうございます。ファイル構成図を追記しました。
>CSSが読み込まれません。
→ CSSが全く効いていないのでしょうか?それとも、一部が効いていないのでしょうか?
提示のHTMLは「about.html」でしょうか?
cssを使っていないその他の画像(ロゴとか)は表示されるのでしょうか?
jpgではなくjpegとするとどうなるでしょう。
また、indexのリンクやその他のリンクをクリックするとどうでしょう。
表示できないページはございませんか?
cssに画像ではなくその他の事をやってみたらどうなるでしょう。
解決できました。linkタグのパスを間違っていました。
>yoshinaviさん
はい、提示の HTMLはabout.htmlです。
>shinamiさん
解決できました。ありがとうございます。
回答1件
あなたの回答
tips
プレビュー