2016-09-14 2 views
0

코딩에 익숙하지 않습니다. 첫 번째 웹 사이트를 만들기 위해 학교 과제를 받았습니다. HTML과 CSS 만 있습니다. 'Munksgaard.one'.내 웹 사이트에 사진이 표시되지 않는 이유는 무엇입니까?

사이트에서 : "OM"로드 할 사진을 가져올 수 없습니다. 사진이 올바른 이름으로 one.com에 업로드되고 HTML 문서에서 올바르게 반영됩니다. 내 브라우저에서 열 때 볼 수 있습니다. one.com에 업로드하자마자 사라져 버렸지 만 다른 모든 콘텐츠가 작동하는 것 같습니다.

HTML

<center> 
    <div style="width:830; background-color:white; height:120px"> 
    <img class="img" style=" display:inline" src="hjemmet.jpg" width="500" height="500" alt="lys" /> 
    <img class="img" style=" display:inline" src="hjemmeside.jpg" width="500" height="500" alt="udkast" /> 
    </div> 
</center> 

CSS

.img { 
    padding-right: 0px; 
    padding-left: 0px; 
    border-style: solid; 
    border-color: grey; 
    border-width: 2px; 
} 

감사합니다!

+1

브라우저의 개발 도구를 열고 오류 콘솔에서 찾습니다. – j08691

+1

가장 큰 이유는 이미지 경로가 잘못되었거나 서버의 사용 권한이 올바르게 설정되지 않았기 때문입니다. – Scott

+0

올바른 _full_ 경로를 제공합니까? – Bobface

답변

-1

이미지의 전체 URL을 사용하여 브라우저에서 열 때 볼 수있는 한, 같은 즉 :

<img src="http://domain.com/images/hjemmet.jpg" /> 
+0

img 태그에 닫는 슬래시가 없습니다. – Rob

+0

@rob, 나는 태그가 정말로 폐쇄적이라는 것을 알고 있지만, 실제로는 나쁜 습관이긴하지만 여전히 유효한 것으로 알고 있습니까? – waynejames

+0

허용되지만 사양에 영향을주지 않으며 브라우저는 무시하므로 의미가 없으며 아무런 도움이되지 않습니다. – Rob

관련 문제