'분류 전체보기'에 해당되는 글 2276건
- 2010.05.03 [이벤트] 차기 <스파이더맨>으로 캐스팅 된 사람은 누구일까요?
- 2010.04.29 [이벤트] KBS "1 VS 100" 152회 시청자 퀴즈 EVENT
- 2010.04.26 [이벤트] 범죄피해자보호지원제도 이벤트 - 법무부
- 2010.04.26 [이벤트] 출발! 비디오 여행 828회 시청자 퀴즈 이벤트
- 2010.04.23 [javascript] 다른 div 높이가 변경되면 자동으로 div height 크기 조절하기 3
- 2010.04.23 [css-웹표준] div layout sample(샘플 예제)
- 2010.04.22 [이벤트] KBS "1 VS 100" 151회 시청자 퀴즈 EVENT
- 2010.04.21 [덧글달기 이벤트] 미션 2탄! 그린시티세종,부러우면 지는거다!
- 2010.04.21 [이벤트] 숨은 그린시티세종을 찾아라 이벤트 1차 - 행정중심복합도시건설청
- 2010.04.21 [이벤트] SK텔레콤 국가고객만족도 13년 연속 1위 고객감사 퀴즈 이벤트
대상 : kbs회원
기간 : 2010년 04월 30일
발표 : 05월 03일 홈페이지
방법 : 퀴즈 응모
힌트 : 녹차색
문제>
2005년 지식경제부 기술표준원은 우리말 색 이름 133개를 개정하여 표준화했다. 표준화된 색 이름이 아닌 것은?
보기>
홍차색
녹차색
석류색
[바로가기]
대상 : iMBC 회원
기간 : 2010년 04월 28일까지
발표 : 29일 홈페이지
방법 : 퀴즈 응모
문제> 다음 중 ‘피터 잭슨’감독의 영화가 아닌 것은?(힌트 : 아이언맨)
반지의 제왕 러블리 본즈 아이언 맨
[바로가기]
<script type="text/javascript">
<!--
/*------------------------------------------------------------------------------------------
// 화면 로드 후 처리
------------------------------------------------------------------------------------------*/
window.onload = function()
{
// div height 설정
setDivHeight('div_left','div_content');
}
/*------------------------------------------------------------------------------------------
// div height 설정
// objSet : 변경할 div id
// objTar : height값을 구할 대상 div id
------------------------------------------------------------------------------------------*/
function setDivHeight(objSet, objTar)
{
var objSet = document.getElementById(objSet);
var objTarHeight= document.getElementById(objTar).offsetHeight;
objSet.style.height = objTarHeight + "px";
}
//-->
</script>
<div>
<div id="div_left"></div>
<div id="div_content"></div>
</div>
설명>div_content div의 내용에 따라 height 크기가 변경되면 왼쪽에 있는 div_left div height 크기도 자동으로 변경된다.
[div_layout01.htm]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="t1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">Table Layout</div>
<div id="page">
<div id="menu">
<h1>Menu List </h1>
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
<li>Menu5</li>
</ul>
</div>
<div id="contents">
<h2>Page Title </h2>
<div id="text">Layout Test Page. </div>
</div>
<div id="links">
<h2>Links</h2>
</div>
</div>
<div id="copy">Copyright</div>
</body>
</html>
[div_layout01.css]
h1 { width:190px; padding:5px; font-size:24px; font-weight:bold; font-family:Arial; color:#FFFF00; background:#999999; border-bottom:3px solid #FFFFFF; margin:0}
h2 { padding:5px; font-size:24px; font-weight:bold; font-family:Arial; color:#FFFF00; background:#666666; border-bottom:3px solid #FFFFFF; margin:0}
#logo { font-family:Arial; font-size:100px; color:#FFFFFF; font-weight:bold; background:#000000; width:760px; padding:20px}
#page { position:relative; width:800px; overflow:visible}
#menu { position:relative; padding:20px; width:200px; background:#666666; float:left; height:400px }
#menu ul { margin:0; padding:0}
#menu li { width:190px; padding:5px; border-bottom:1px dotted #FFFFFF; font-family:Arial; font-size:14px; font-weight:bold; color:#FFFFFF; list-style:none}
#contents { position:relative; padding:20px; background: #999999; font-size:12px; font-family:Verdana; color:#FFFFFF; width:380px; float:left; height:400px}
#text { padding:5px; line-height:150%; font-family:Verdana; text-align:justify}
#links { position:relative; float:left; background:#CCCCCC; width:100px; padding:20px; clear:right; height:400px}
#copy { position:relative; clear:both; background: #333333; font-family: Verdana; font-size:50px; font-weight:bold; color:#FFFFFF; width:760px; padding:20px }
대상 : kbs회원
기간 : 2010년 04월 23일 11시 50분까지
발표 : 26일 홈페이지
방법 : 퀴즈 응모
힌트 : 마리 퀴리
[퀴즈]
첫 여성 노벨상 수상자인 (이 사람)은 노벨상을 두 번 받은 유일한 여성으로 기록되어 있다. 이 사람은? | ||||
|
[바로가기]
대상 : sk텔레콤 정회원(tworld)
기간 : 2010년 04월 30일까지
발표 : 기프트콘(익일), 추첨발표(05월 01일 오후 2시) 홈페이지,
방법 : 퀴즈 응모
힌트 : 13년
[바로가기]