묻고답하기

위젯 스킨 수정중입니다.  원래는 마우스를 텍스트로 갖다대서 그 글자를 클릭하면 그에 맞게 페이지로 넘어가는데,

폰트가 아닌 갤러리형 이미지로 클릭해서 넘어가는 방식으로 하고싶어서, 글자를 CSS에서 지우는데 성공했습니다.


근데 이미지에 링크가 안걸려서 맞는 페이지로 들어가지 못하는 상황입니다. 좀봐주세요..ㅠ


딴 곳에는 손댄적이 없고, 그냥 갤러리에서 손대고 있습니다..


@charset "utf-8";


.floatLeft{ float:left;}

.floatRight{ float:right;}

.clearLeft{ clear:left;}

.clearRight{ clear:right;}


.widgetContainer .open{ display:block !important;}

.widgetContainer a{ text-decoration:none;}

.widgetContainer img{ border:0;}

.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}

.widgetContainer form{ margin:0; padding:0;}

.widgetContainer fieldset{ border:0; margin:0; padding:0;}


.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid #666;}

.widgetTabA:after{ content:""; display:block; clear:both;}

.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}

.widgetTabA li.active{ background-position:0 -30px;}

.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; color:#333; background-repeat:no-repeat; background-position:right 0;}

.widgetTabA li,

.widgetTabA li a{ background-image:url(../images/buttonWidgetTab.gif);}

.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid #e5e5e5;}

.widgetTabC li{ list-style:none; border-bottom:1px solid #e5e5e5; *zoom:1; margin-bottom:1px; background:#f8f8f8;}

.widgetTabC li a{ display:block; padding:7px 0 6px 10px; color:#333; text-decoration:none; *zoom:1;}

.widgetTabC li a:hover,

.widgetTabC li a:active,

.widgetTabC li a:focus{ background:#eee;}


dl.widgetDivider{ margin:0;}

dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

dl.widgetDivider dd{ display:none; margin:0;}


.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}

.widgetNavigator li{ list-style:none; display:inline;}

.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../images/buttonWidgetNavigation.png); border:1px solid #999; border-radius:8px;cursor:pointer;}

.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}

.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}

.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}


.spread_list {list-style:none;margin:0;padding:0;font-size:12px}

.spread_list li {line-height:2.4;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eee;overflow:hidden}

.spread_list .subject{display:block;color:#666}

.spread_list .icon{vertical-align:middle}

.spread_list .article_information {float:left}

.spread_list .board,

.spread_list .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}

.spread_list .replyNum,

.spread_list .trackbackNum{margin-right:10px}

.spread_list .replyNum{background:url(../images/reply.png) no-repeat left 2px}

.spread_list .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}

.spread_list .replyNum a,

.spread_list .trackbackNum a{padding-left:14px;font:10px Tahoma;}

.spread_list .replyNum a{color:#ff1a1a}

.spread_list .trackbackNum a{color:#66c}

.spread_list .author,

.spread_list .date{margin-right:10px;color:#898989}

.spread_list .date{font:11px Arial}

.spread_table {position:relative;width:100%;font-size:12px;border:0;border-collapse:separate;border-spacing:0;font-family:나눔고딕,Nanum Gothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}

.spread_table td{padding:3px 6px;line-height:2.4;white-space:nowrap;vertical-align:middle}

.spread_table .board,

.spread_table .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}

.spread_table .title{width:100%;white-space:normal}

.spread_table .subject{font-weight:bold;color:#666}

.spread_table .icon{vertical-align:middle}

.spread_table .replyNum,

.spread_table .trackbackNum{margin-right:10px}

.spread_table .replyNum{background:url(../images/reply.png) no-repeat left 2px}

.spread_table .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}

.spread_table .replyNum a,

.spread_table .trackbackNum a{padding-left:14px;font:10px Tahoma}

.spread_table .replyNum a{color:#ff1a1a}

.spread_table .trackbackNum a{color:#66c}

.spread_table .author,

.spread_table .date {color:#898989}

.spread_table .date{font:11px Arial}


.spread_blog{ list-style:none;position:relative;margin:0 auto;padding:0;font-size:12px;line-height:2.4;overflow:hidden;*zoom:1}

.spread_blog li { margin-bottom:20px; border:1px dotted #ccc; background-color:#fcfcfc; }

.spread_blog .thumb{ z-index:1; position:relative; width:100%; padding-bottom:30px; line-height:0;text-decoration:none; text-align:center; background:url(../../layouts/spread_layout/images/shadow-top.png) no-repeat center bottom; opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);overflow:hidden; }

.spread_blog .thumb>a { display:block; width:100%; height:100%; background:#f7f7f7; overflow:hidden; }

.spread_blog .thumb img { display:block; width:100%}

.spread_blog .thumb .imgNone{ cursor:pointer; color:#666; }

.spread_blog .date{ float: left; width: 44px; margin:10px 30px 0 30px; padding: 0px 2px 0px; text-align: center; line-height: 1; }

.spread_blog .date>span { display:block; }

.spread_blog .date>span.date-value { font-weight: bold; font-size: 34px; margin-bottom: 8px; }

.spread_blog .date>span.month-value { font-size: 23px; margin-bottom: 5px; }

.spread_blog .date>span.year-value { font-size: 16px; }

.spread_blog .content_wrapper { overflow: hidden; margin-right:30px; padding-bottom: 40px; }

.spread_blog .title{ margin:0; padding:0; font-size: 24px}

.spread_blog .title a { color:#4a4a4a; }

.spread_blog .author,

.spread_blog .board,

.spread_blog .category,

.spread_blog .replyNum,

.spread_blog .trackbackNum { font-size:11px; font-style:italic; margin-right:10px; color: #a6a6a6; }

.spread_blog .text { color:#959595; }

.spread_blog .read_more { display:inline-block; padding:0 20px; font-style:bold; color:#fff; line-height:30px; background-color:#000; }


.spread_webzine{list-style:none;position:relative;margin:0 auto;padding:0;font-size:12px;line-height:1.8;*zoom:1}

.spread_webzine li {margin:3px;padding:15px;border:1px solid #eee; box-shadow:0 1px 3px #eee}

.spread_webzine .thumb{display:block;width:100%;overflow:hidden;text-decoration:none;opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);}

.spread_webzine .thumb img{display:block;width:100%}

.spread_webzine .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}

.spread_webzine .title{margin:10px 0;padding:0;font-size:16px;}

.spread_webzine .title a{color:#555}

.spread_webzine .title span.icon{vertical-align:middle}

.spread_webzine .board,

.spread_webzine .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}

.spread_webzine .author{color:#333}

.spread_webzine .text {margin:10px 0 20px 0;padding:0;color:#555}

.spread_webzine .read_more{display:inline-block;margin:0 0 20px;padding:3px 9px;background:#333;font-size:11px;color:#fff;border-radius:3px}

.spread_webzine .article_information{margin-top:10px;border-top:1px solid #eee}

.spread_webzine .date{float:left;margin-top:10px;font:11px Arial;color:#333}

.spread_webzine .replyNum,

.spread_webzine .trackbackNum{float:right;margin:10px 0 0 10px}

.spread_webzine .replyNum{background:url(../images/reply.png) no-repeat left 2px}

.spread_webzine .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}

.spread_webzine .replyNum a,

.spread_webzine .trackbackNum a{padding-left:14px;font:10px Tahoma}

.spread_webzine .replyNum a{color:#ff1a1a;}

.spread_webzine .trackbackNum a{color:#66c;}


.spread_gallery{list-style:none;position:relative;margin:0 auto;padding:0;font-size:0px;line-height:1.8;}

.spread_gallery li {position:relative;margin-bottom:30px;overflow:hidden}

.spread_gallery .thumb{ z-index:1;display:block; position:relative; width:100px; height:75px;overflow:hidden; text-decoration:none;}

.spread_gallery .thumb img{ display:block; position:relative; width:100%;}

.spread_gallery .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}

.spread_gallery .hiding { display:none; position:absolute;top:0;left:0;width:96%;height:96%;padding:2%;text-align:center;opacity:.8;}

.spread_gallery .board{color:#fff}

.spread_gallery .category{margin-left:5px;padding-left:10px;color:#fff; background:url(../images/lineTextDiv.gif) no-repeat left center}

.spread_gallery .replyNum,

.spread_gallery .trackbackNum{float:right;margin:5px 0 0 10px}

.spread_gallery .replyNum{background:url(../images/reply.png) no-repeat left 2px}

.spread_gallery .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}

.spread_gallery .replyNum a,

.spread_gallery .trackbackNum a{padding-left:14px;font:10px Tahoma}

.spread_gallery .replyNum a{color:#ff1a1a;}

.spread_gallery .trackbackNum a{color:#66c;}

.spread_gallery .title {position:relative;width:100%;margin:10px 0 5px 0;padding:0}

.spread_gallery .title a{float:left;color:#555}

.spread_gallery .title span{float:left; }

.spread_gallery .title:after{ content:""; display:block; clear:both;}

.spread_gallery .date{float:left;font-size:11px;font-family:Tahoma;}

.spread_gallery .author{float:right;font-size:11px;color:#666}

.spread_gallery li:after{ content:""; display:block; clear:both;}

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
정진아 프로그램에 물어야 하는지 웹디자인에 물어야 하는지 몰라서 여기다 적습니다..갈쳐주세욤 [1] 2007.08.10
X-Type 포샵 7에서 3D Transform 이 어떤효과에요? [2] 2007.08.10
네오보이 각각의 페이지와 연결되는 이미지는 어떻게...  
깜보 쿼리문의 where구문에 대해서...  
임준희 배너에관해서... [2] 2007.08.10
네오보이 안녕하세요. 주소가 고정되는 소스가 궁금합니다. [3] 2007.08.10
보거스 레이어로 메뉴를 만들었는데 플래시를 위에 레이어가 있을경우 [1] 2007.08.10
임준희 급하게 질문합니다.꼬옥좀 알려주세요  
김승리 로그인되었는데도 표시가 안됩니다.  
이일재 로그인후에 전전 페이지로 이동하는것..  
W:)ish 저기.. 포토샵에서 곡선이미지를 만들때.. [2] 2007.08.10
.zeve 링크 클릭시 클릭수 표시.... [2] 2007.08.10
김영길 커널 패닉 문제가 발생했습니다. 도와주세요.kernel panic: Attempted to kill inti! [1] 2007.08.10
EㆍMART 포토샵6이랑 7이랑 뭐가다른가요???? [3] 2007.08.10
깜보 아래 쿼리문의 잘못된 부분을 지적해 주세요..^^ [1] 2007.08.10
jeijei 브라우저에서 한글파일 링크걸때요.. [1] 2007.08.10
박강아름 계정을 바꾸게 되면 어떻게 되나요? [1] 2007.08.10
골비 원프레임에서 텍스트페이지 만들때, 상하메뉴 인크르트 하는방법좀 [1] 2007.08.10
주현석 게시판설정에 보면 아이피차단이 있잖아요? 근데 반대로도 할수있나요? [1] 2007.08.10
무진이 포토샵.... curves가 이상합니다  
김규봉 로기인시 이전페이지로 가는것....  
유종욱 카운터는 어디서 받죠 ㅡㅡ?? [1] 2007.08.10
Seeker 음악 재생 중복에 대한 질문입니다.  
히서니.. 포토샵에서 선따라 글씨 쓰는방법 있나요? [2] 2007.08.10
물탱이 아이프레임으로 이미지를 미리 로딩해두기.. [2] 2007.08.10
정말정말 포샵7.0에서 도트작업한거 저장하는거 질문이염..  
Ares 공통된 html을 여러 페이지에서 공유하는 방법...? [1] 2007.08.10
샤위엔즈™ 창닫으면서 동시에 파일실행하기  
기보은 노프레임 제로보드 링크 시키고 글쓰기 문제;; [1] 2007.08.10
임병욱 F11을 누르면 왜 프레임 간격이 벌어지는지요 [2] 2007.08.10