묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
html소스와 관련된 질문이요...
2004.08.15 21:56
* 다음양식에 맞게 입력해주세요.
① 계정(호스팅-서버관리) 회사 이름 : cafe24
② php , mysql 버전 :
③ 제로보드 버젼(날짜 포함) : 4.1
④ 에러나는 주소와 에러 부분 소스(필수) : x
⑤ 주로 쓰고 있는 스킨 이름이나 소스 : x
⑥ 질문 내용 :
나모에서 이미지메뉴 1개의 파일에다 이미지맵을 써서 각 메뉴마다 잘랐는데요
클릭하면 점선이 생겨서 지져분하네요
나모에서 이미지맵 사용시 각 메뉴 클릭했을경우 점선 없애는 방법좀 알려주세요.
코코푸르나
head사이에 넣어주시면 됩니다..
var myAnchors=document.all.tags("area");
function allBlur()
{
for (i=0;i<myAnchors.length;i++)
{
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()");
}
}
그리고 body태그에 아래처럼 온로드 이벤트 추가해주시고요..
<boyd onLoad=allBlur();> 2003-12-08
14:27:48
저 게시물을 보고서
"바로이거야!"하는생각에
html 문서를 열어서 맨 윗부분의 <head>와 </head>사이에 끼워넣고
맨아래 </body>위에 끼워 넣었더랬지요.
근데 그렇게했더니 소스가 먹히긴커녕
맨 윗부분에 저 소스들이 나타나더라구요.( 웹브라우저로 보기하면 저 글들이 위에나온다는거죠. 이미지위에...
소스가 안먹힌것처럼)
왜그런것일까요?
그리고 스크롤바를 바꾸려고...
게시물을 찾다보니 이런스크롤바가 있었는데
------
태그연습장 http://htmltester.co.to/
<style>
BODY {
SCROLLBAR-FACE-COLOR: #DDDDDD;
SCROLLBAR-HIGHLIGHT-COLOR: #EEEEEE;
SCROLLBAR-SHADOW-COLOR: #CCCCCC;
SCROLLBAR-3DLIGHT-COLOR: #DDDDDD;
SCROLLBAR-ARROW-COLOR: #BBBBBB;
SCROLLBAR-TRACK-COLOR: #EEEEEE;
SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;
}
</style>
*스크롤바를 만들기 위해서.. brbr..
<body bgcolor=#EEEEEE>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
복사해서 위의 태그연습장에서 시험해보세요
-----
저소스를 어디다 집어넣으란건지-_-;;
그리고 br소스는 띄우기로 알고있는데
저 태그가 있는이유는 단지 스크롤바를 보이게하기위해서겠죠?
그렇다면 저걸 안넣어도되겠군요.
혹시 스타일은 헤더쪽으로 가있던데 <헤더> </헤더>
요기넣어야하나요?
웹폰트할때도 <스타일> </스타일>해서 헤드사이에 붙여넣으라길래 그랬는데..
혹시 웹폰트 스타일태그랑 스크롤바 스타일태그랑 충돌할런지...
그냥 헤드사이에 넣어야한다면
<헤드>
<스타일> 웹폰트소스 </스타일>
<스타일> 스크롤바소스 </스타일>
</헤드>
요놈들때문에 막혀있네요.~_~
아! 마지막(...-_-;;)
헤더 푸더만들때있잖아요.
이미지클릭하고 위아래하는게 좀 애매해서그런데
<tr>
<td> 이런녀석들 해서 위로복사해줘야하나요?
예를들어..
헤더문서 만들때
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>someday's nest</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type="text/css">
<!--
@font-face {font-family: 정10; src:url(http://my.netian.com/~ysnet/jang10.eot);}
a:link {font-family: 정10;font-size: 10pt;}
a:visited {font-family: 정10;font-size: 10pt;}
a:hover {font-family: 정10;font-size: 10pt;}
a:acvite {font-family: 정10;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 정10;font-size: 10pt;}
-->
</style>
</head>
<body bgcolor="#F3F3F3" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="pattern.gif">
<table align="center" cellspacing="0" width="750" bordercolordark="white" bordercolorlight="#CCCCCC" cellpadding="0">
<tr>
<td width="1122" height="771"><table cellpadding="0" cellspacing="0" width="750" align="center" bgcolor="white">
<tr>
<td width="749" height="31" bgcolor="#333333" >
<p align="left"><font color="white" face="정10"><span style="font-size:10pt;"> class
homepage . someday's nest</span></font></p>
</td>
</tr>
<tr>
<td width="749" height="310" >
<p><img src="mainimg.gif" width="750" height="311" border="0"></p>
</td>
</tr>
<tr>
<td width="749" height="384" >
<table align="center" cellpadding="0" cellspacing="0" width="612">
<tr>
<td width="290">
<p align="center"><font face="정10"><span style="font-size:10pt;">"can
you see the bluesky?"</span></font></p>
</td>
<td width="322"> <p><img src="layout1.gif" width="342" height="333" border="0"></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="749" height="45" bgcolor="#999999" bordercolor="#999999" bordercolorlight="#666666" >
<p align="center"><font face="정10"><span style="font-size:10pt;">2004 Copyright
allrights reserved someday</span></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
이중에서 헤더를 만드려면
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>someday's nest</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type="text/css">
<!--
@font-face {font-family: 정10; src:url(http://my.netian.com/~ysnet/jang10.eot);}
a:link {font-family: 정10;font-size: 10pt;}
a:visited {font-family: 정10;font-size: 10pt;}
a:hover {font-family: 정10;font-size: 10pt;}
a:acvite {font-family: 정10;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 정10;font-size: 10pt;}
-->
</style>
</head>
<body bgcolor="#F3F3F3" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="pattern.gif">
<table align="center" cellspacing="0" width="750" bordercolordark="white" bordercolorlight="#CCCCCC" cellpadding="0">
<tr>
<td width="1122" height="771"><table cellpadding="0" cellspacing="0" width="750" align="center" bgcolor="white">
<tr>
<td width="749" height="31" bgcolor="#333333" >
<p align="left"><font color="white" face="정10"><span style="font-size:10pt;"> class
homepage . someday's nest</span></font></p>
</td>
</tr>
<tr>
<td width="749" height="310" >
<p><img src="mainimg.gif" width="750" height="311" border="0"></p>
</td>
</tr>
<tr>
이렇게 하는게 맞는건가요?
질문에 두서가 영없지만...
답변해주시면 감사하겠습니다.'ㅠ'
① 계정(호스팅-서버관리) 회사 이름 : cafe24
② php , mysql 버전 :
③ 제로보드 버젼(날짜 포함) : 4.1
④ 에러나는 주소와 에러 부분 소스(필수) : x
⑤ 주로 쓰고 있는 스킨 이름이나 소스 : x
⑥ 질문 내용 :
나모에서 이미지메뉴 1개의 파일에다 이미지맵을 써서 각 메뉴마다 잘랐는데요
클릭하면 점선이 생겨서 지져분하네요
나모에서 이미지맵 사용시 각 메뉴 클릭했을경우 점선 없애는 방법좀 알려주세요.
코코푸르나
head사이에 넣어주시면 됩니다..
var myAnchors=document.all.tags("area");
function allBlur()
{
for (i=0;i<myAnchors.length;i++)
{
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()");
}
}
그리고 body태그에 아래처럼 온로드 이벤트 추가해주시고요..
<boyd onLoad=allBlur();> 2003-12-08
14:27:48
저 게시물을 보고서
"바로이거야!"하는생각에
html 문서를 열어서 맨 윗부분의 <head>와 </head>사이에 끼워넣고
맨아래 </body>위에 끼워 넣었더랬지요.
근데 그렇게했더니 소스가 먹히긴커녕
맨 윗부분에 저 소스들이 나타나더라구요.( 웹브라우저로 보기하면 저 글들이 위에나온다는거죠. 이미지위에...
소스가 안먹힌것처럼)
왜그런것일까요?
그리고 스크롤바를 바꾸려고...
게시물을 찾다보니 이런스크롤바가 있었는데
------
태그연습장 http://htmltester.co.to/
<style>
BODY {
SCROLLBAR-FACE-COLOR: #DDDDDD;
SCROLLBAR-HIGHLIGHT-COLOR: #EEEEEE;
SCROLLBAR-SHADOW-COLOR: #CCCCCC;
SCROLLBAR-3DLIGHT-COLOR: #DDDDDD;
SCROLLBAR-ARROW-COLOR: #BBBBBB;
SCROLLBAR-TRACK-COLOR: #EEEEEE;
SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;
}
</style>
*스크롤바를 만들기 위해서.. brbr..
<body bgcolor=#EEEEEE>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
복사해서 위의 태그연습장에서 시험해보세요
-----
저소스를 어디다 집어넣으란건지-_-;;
그리고 br소스는 띄우기로 알고있는데
저 태그가 있는이유는 단지 스크롤바를 보이게하기위해서겠죠?
그렇다면 저걸 안넣어도되겠군요.
혹시 스타일은 헤더쪽으로 가있던데 <헤더> </헤더>
요기넣어야하나요?
웹폰트할때도 <스타일> </스타일>해서 헤드사이에 붙여넣으라길래 그랬는데..
혹시 웹폰트 스타일태그랑 스크롤바 스타일태그랑 충돌할런지...
그냥 헤드사이에 넣어야한다면
<헤드>
<스타일> 웹폰트소스 </스타일>
<스타일> 스크롤바소스 </스타일>
</헤드>
요놈들때문에 막혀있네요.~_~
아! 마지막(...-_-;;)
헤더 푸더만들때있잖아요.
이미지클릭하고 위아래하는게 좀 애매해서그런데
<tr>
<td> 이런녀석들 해서 위로복사해줘야하나요?
예를들어..
헤더문서 만들때
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>someday's nest</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type="text/css">
<!--
@font-face {font-family: 정10; src:url(http://my.netian.com/~ysnet/jang10.eot);}
a:link {font-family: 정10;font-size: 10pt;}
a:visited {font-family: 정10;font-size: 10pt;}
a:hover {font-family: 정10;font-size: 10pt;}
a:acvite {font-family: 정10;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 정10;font-size: 10pt;}
-->
</style>
</head>
<body bgcolor="#F3F3F3" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="pattern.gif">
<table align="center" cellspacing="0" width="750" bordercolordark="white" bordercolorlight="#CCCCCC" cellpadding="0">
<tr>
<td width="1122" height="771"><table cellpadding="0" cellspacing="0" width="750" align="center" bgcolor="white">
<tr>
<td width="749" height="31" bgcolor="#333333" >
<p align="left"><font color="white" face="정10"><span style="font-size:10pt;"> class
homepage . someday's nest</span></font></p>
</td>
</tr>
<tr>
<td width="749" height="310" >
<p><img src="mainimg.gif" width="750" height="311" border="0"></p>
</td>
</tr>
<tr>
<td width="749" height="384" >
<table align="center" cellpadding="0" cellspacing="0" width="612">
<tr>
<td width="290">
<p align="center"><font face="정10"><span style="font-size:10pt;">"can
you see the bluesky?"</span></font></p>
</td>
<td width="322"> <p><img src="layout1.gif" width="342" height="333" border="0"></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="749" height="45" bgcolor="#999999" bordercolor="#999999" bordercolorlight="#666666" >
<p align="center"><font face="정10"><span style="font-size:10pt;">2004 Copyright
allrights reserved someday</span></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
이중에서 헤더를 만드려면
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>someday's nest</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type="text/css">
<!--
@font-face {font-family: 정10; src:url(http://my.netian.com/~ysnet/jang10.eot);}
a:link {font-family: 정10;font-size: 10pt;}
a:visited {font-family: 정10;font-size: 10pt;}
a:hover {font-family: 정10;font-size: 10pt;}
a:acvite {font-family: 정10;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 정10;font-size: 10pt;}
-->
</style>
</head>
<body bgcolor="#F3F3F3" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="pattern.gif">
<table align="center" cellspacing="0" width="750" bordercolordark="white" bordercolorlight="#CCCCCC" cellpadding="0">
<tr>
<td width="1122" height="771"><table cellpadding="0" cellspacing="0" width="750" align="center" bgcolor="white">
<tr>
<td width="749" height="31" bgcolor="#333333" >
<p align="left"><font color="white" face="정10"><span style="font-size:10pt;"> class
homepage . someday's nest</span></font></p>
</td>
</tr>
<tr>
<td width="749" height="310" >
<p><img src="mainimg.gif" width="750" height="311" border="0"></p>
</td>
</tr>
<tr>
이렇게 하는게 맞는건가요?
질문에 두서가 영없지만...
답변해주시면 감사하겠습니다.'ㅠ'
var myAnchors=document.all.tags("area");
function allBlur()
{
for (i=0;i<myAnchors.length;i++)
{
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()");
}
이코드는 자바스크립트라는 스크립트 언어인데요..
<head>~</head>사이에 넣으실때에는
<head>
<script type="text/javascript" language="javascript">
<!--
여기에 위 코드를 넣으셔야 합니다.
-->
</script>
</head>
두번째.
<br>태그는 단순히 스크롤을 보이게 하는것이 맞구요.
<style>
SCROLLBAR-FACE-COLOR: #DDDDDD;
.
.
</style>
이걸 <head>~</head>사이에 넣는것이 정석입니다.
그리고 충돌은 안생깁니다.
이것은 body 태그에 적용할 스타일을 말하는것이구요
body{
}
body{
}
이렇게 2번 중복해도 상관없습니다. 주의할점은 어떤속성을 적용하느냐만 생각하시면 됩니다.
body{
font-size:12px;
SCROLLBAR-FACE-COLOR: #DDDDDD;
font-face:굴림;
}
뭐 이렇게 여러가지가 들어갈수 있습니다.
세번째.
보통 헤더 푸터의 경우
<td>에서 잘르고
</td>로 마무리를 시작합니다.
이유는 <tr>에서 잘라 헤더를 만들면
실제 컨텐츠 페이지에선 <td>를 꼭넣어줘야 한다는 거죠..
반복되는 코드를 줄이고 파일을 줄일려고 사용하는 방법인데 기왕이면
<td>에서 잘라 헤더를 만드는게 편하겠죠.