묻고답하기
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
-
휘즈
2018.03.07 11:26
-
MCFR
2018.03.07 18:17
<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>
전체 스크립트는 이겁니다.
작성한 내용을 보여 주셔야 ,
무엇이 문제인지 최소한 검토해볼 수 있을 것 같습니다.