묻고답하기
html 홈페이지 작성중 이미지 표기 오류가 생깁니다.
2018.03.06 23:58
현재 홈페이지를 제작하고 있는 한 개발자 입니다.
다름이 아니라 이미지 링크를 걸기 위해서 <a herf><img src>를 이용했는데,
이미지를 절대경로로 설정하여 링크를 진행하려고 하였으나
alt 글만 링크가 되는 현상이 생깁니다.
어떻게 해결해야할까요.
확장자 문제인가요? .png .jpg파일 둘다 사용해봤는데 둘다 안되더라구요
- [2017/04/19] 묻고답하기 견적내기페이지 문의 *1
- [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? *2
- [2015/11/14] 묻고답하기 게시판에 태그(헤시태그) 작성하는 방법을 알려주세요 *1
- [2015/06/26] 묻고답하기 초보자입니다. XE에서 게시판 태그를 편집하려면? *1
- [2014/04/15] 묻고답하기 tr과 td 문제 .. *17
댓글 2
-
<a id = "mainpage" href="#"><img src="C:\Users\SNTR01\Desktop\실습\test_img.jpg" alt ="회사로고" width="175"></a> 이부분은 정상작동을 하는데
<p><img src="C:\Users\SNTR01\Desktop\pratice\apache2\htdocs\img\test_img4.jpg" width="300" alt="adsf"></p>
이부분은 정상적으로 작동을 하지 않습니다.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>(주)신나래텍</title>
<style>
#background{
background-color: #2d2d2d;
width: 1024px;
}
#mainpage{
position: relative;
left: 100px;
top: 120px;
}#topmenu{
height: 60px;
width: 1000px;
padding-left: 300px;
padding-top: 50px;
}
#topmenu ul{
list-style-type: none;
display: block;
margin: 0px;
padding: 0px;
}
#topmenu ul li{
color: white;
background-color: #2d2d2d;
float: left;
line-height: 30px;
vertical-align: middle;
text-align: center;
position: relative;
}
.menuLink{
text-decoration: none;
display: block;
width: 100px;
color: white;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS", Dotum;
}
.menuLink:hover{
display: block;
color: red;
background-color: black;
}
.submenuLink{
text-decoration: none;
display: block;
width: 100px;font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS", Dotum;}
.topMenuLi{
background-color: white;
}
.topMenuLi:hover .menuLink{
color: red;
background-color: white;
}
.submenuLink{
color: white;
background-color: #2d2d2d;
}
.longLink{
width: 190px;
}
.submenu{
position: absolute;
height: 0px;
overflow: hidden;
transition: height .4s;
}
.topmenuLi:hover .submenu{
height: 124px;
}
.submenuLink:hover{
color: red;
background-color: black;
}
.highmenu{
position: relative;
text-decoration: none;
color: white;
font-family: "Trebuchet MS", Dotum;
padding-right: 10px;
}
#box{
padding-left: 680px;
padding-top: 20px;
position: absolute;
}
</style>
</head>
<body id = "background"><a id = "mainpage" href="#"><img src="C:\Users\SNTR01\Desktop\실습\test_img.jpg" alt ="회사로고" width="175"></a>
<nav id="box">
<a class = "highmenu" href="#">Home</a>
<a class = "highmenu" href="#">Login</a>
<a class = "highmenu" href="#">Join</a>
<a class = "highmenu" href="#">Sitemap</a>
</nav>
<nav id="topmenu">
<ul>
<li class = "topmenuLi"><a class="menuLink" href="#">회사소개</a>
<ul class = "submenu">
<li><a class="submenuLink" herf="#">CEO인사말</a></li>
<li><a class="submenuLink" herf="#">연혁</a></li>
<li><a class="submenuLink" herf="#">찾아오시는 길</a></li>
</ul>
</li>
<li>|</li>
<li class= "topmenuLi"> <a class="menuLink" href="#">가로등/공원등</a>
<ul class = "submenu">
<li><a class="submenuLink" >철재가로등주</a></li>
</ul>
</li>
<li>|</li>
<li class="topmenuLi">
<a class="menuLink" href="#">솔라 경관조명</a>
<ul class="submenu">
<li><a class="submenuLink">솔라 경관조명</a></li>
</ul>
</li>
<li>|</li>
<li class="topmenuLi"><a class="menuLink" href="#">LED조명</a>
<ul class ="submenu">
<li><a class = "submenuLink" href="#">가로등</a></li>
<li><a class = "submenuLink" href="#">투광등</a></li>
<li><a class = "submenuLink" href="#">LED전구</a></li>
<li><a class = "submenuLink" href="#">기타제품</a></li>
</ul>
</li>
<li>|</li>
<li class="topmenuLi"> <a class="menuLink" href="#">볼라드/보호대</a>
<ul class = "submenu">
<li><a class = "submenuLink" href="#">볼라드/보호대</a></li>
</ul>
</li>
<li>|</li>
<li class ="topmenuLi"><a class = "menuLink" href="#">고객지원</a></li>
<ul class = "submenu">
<li><a class = "submenuLink" href="#">공지사항</a></li>
<li><a class = "submenuLink" href="#">상담문의</a></li>
</ul>
</ul>
</nav>
<p><img src="C:\Users\SNTR01\Desktop\pratice\apache2\htdocs\img\test_img4.jpg" width="300" alt="adsf"></p>
</html>
전체 스크립트는 이겁니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
홍땍땍 | 1.9.4 업데이트 후 홈페이지 자체 접속이 안됩니다. [2] | 2018.05.08 by sejin7940 |
제인해일 |
게시판 글쓰기후 error 문제
[1]
![]() | 2018.03.06 by pmacsoft |
방랑자유 | 스케치북5 스타일 최신글 위젯스킨 1.1 버전 문의 | |
브로콜링 |
섬네일이 생성되지 않습니다.
[1]
![]() | 2018.03.05 by 브로콜링 |
eunhe**** |
ssh 접속이 안되요.
[1]
![]() | 2018.03.04 by 기진곰 |
제자사랑 |
모바일 홈 화면 이미지를 어떻게 바꿀 수 있나요?
![]() | |
ppumweb | sejin7940_write_limit 댓글수 제한 애드온 수정 [1] | 2018.03.03 by 불금 |
혜연... |
관리자 로그인 에러
![]() | |
멤논 | mac hosts 파일 기능 | |
아라레 | 관리자를 제외하고 이미지 첨부가 되지 않습니다. | |
마꼬꼬 | 반응형 웹에서의 폰트 크기 질문 [1] | 2018.03.02 by 휘즈 |
DayCom | 제일 위에있는 meta태그는 어디서 생성 되나요? [1] | 2018.03.02 by 휘즈 |
이수정 |
코드를 그대로 활용하는데, 디자인이 반영이 안 됩니다.
![]() | |
쒸녀이 | jsp 문의드립니다. | |
개구리밥 | Captcha Member 애드온 질문입니다. | |
forest535 | 스케치북 게시판설정 복사하기 [4] | 2018.03.01 by forest535 |
백인흑인황인 |
XE 게시판 (Board) 운영자(관리자) 메일 폼을 변경하려면..
[2]
![]() | 2018.03.01 by 백인흑인황인 |
모얼더 | 게시판 목록 중간에 광고 배너를 삽입하려면 [2] | 2018.02.28 by 모얼더 |
무한잉크 | 좌측에 펼친 메뉴 [1] | 2018.02.28 by 휘즈 |
그림자 | XEDITION 게시판을 쓰고 있습니다 [1] | 2018.02.28 by 휘즈 |
작성한 내용을 보여 주셔야 ,
무엇이 문제인지 최소한 검토해볼 수 있을 것 같습니다.