2016-01-25 4 views
0

Я изучаю CSS через Mozilla Developer Network. Я сохраняю через Codeanywhere и Dropbox.CSS и изображение в HTML

Мои CSS и изображения не отображаются при загрузке. Я проверил код, каталоги и примеры Github и все еще ничего. Любые идеи были бы хорошы. Эта проблемная проблема:

<!DOCTYPE html> 
<html> 
    <head> 
    <link href="styles/style.css" rel="stylesheet" type="text/css"> 
    <meta charset="utf-8"> 
    <title>My test page</title> 
    <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet'  type='text/css'>  
    </head> 
    <body> 
    <h1> 
     Another Attempt at Coding 
    </h1> 
    <img src="HP-Firefox-icon.png" alt="The Firefox logo"> 
    <p> 



     What is your website about? </p> 
    <ul> 
     <li>Do you like dogs, New York, or Pacman? 
</li> 
     <li>What does your website look like</li> 

<li>What's the background color?</li> 
     <li>What kind of font is appropriate: formal, cartoony, bold and loud, subtle?</li> 
    </ul> 

<p> 
    Read the <a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a> 
    </p> 
+1

Если вы сохраните через CodeAnywhere, у вас будет общедоступный URL-адрес, где мы можем увидеть, что этот код работает? Не могли бы вы опубликовать скриншот структуры файла или URL-адрес репозитория Github, в который вы вставляете свой код? – conradkdotcom

+0

Получил Github «Изучение кода веб-дизайна», но не уверен, как передать мою информацию CodeAnywhere в новое репо. Вот мой Github: https://github.com/blurosemd/Learning-Web-Design-Code.git –

ответ

0

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

<img src="HP-Firefox-icon.png" alt="The Firefox logo"> 

<link href="styles/style.css" rel="stylesheet" type="text/css"> 

Он будет работать, только если вы найдете правильный URL-адрес для исходных файлов и поместите его. Если вы загрузили этот пример, убедитесь, что все файлы загружены.

+0

Не могли бы вы помочь мне, пройдя процесс? Я проверил пример и загрузил картинку, но придумал ничего. Я работал с CSS еще раз, и это сработало. Я где-то пропустил небольшую деталь. –

+0

@RoseKetring 'styles/style.css' Он говорит, что ваш файл CSS находится в папке стилей. И имя таблицы стилей - 'style.css'. У вас есть папка стиля и файл 'style.css' внутри? –

+1

Да. Большое спасибо. Я видел свою ошибку и теперь получил ее работу :) –