묻고답하기

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

폰트가 아닌 갤러리형 이미지로 클릭해서 넘어가는 방식으로 하고싶어서, 글자를 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
Dr.Nova 플래시를 이용한 메뉴만들기 때문에 정말 미칠지경입니다. -_-; [4] 2007.08.10
Jupi 다른게시판 글 뽑아내는 php 소스 이런거 있나요? [1] 2007.08.10
이일용 세션에 관한 궁금중..... [2] 2007.08.10
백동진 [질문]php 확장자를 가진 화일을 익스플러러에서 띄우면 [4] 2007.08.10
Ares 홈피 제작시 외국어를 사용할시에 문제점은 어떤것이 있는지 알고 싶어요 [1] 2007.08.10
EㆍMART 포토샵 7.0 깔았는데 [1] 2007.08.10
정문목 포토샵에서 패스를 돌리는 법? [8] 2007.08.10
이혜영 플래쉬 갤러리 게시판 인데 팝업창크기를 조절 할수없나요?  
유현재 [필터질문] 이게 무슨 필터 인지 아세요? [3] 2007.08.10
카카로트 절대경로와 상대경로의 차이점이 뭔가여??? [1] 2007.08.10
이혜영 플래쉬 갤러리 게시판 인데 팝업창크기를 조절 할수없나요?  
이준한 포토샵으로 레이아웃만드는법.. [1] 2007.08.10
김지은 사진을 클릭하면 다음 사진으로 넘어가게 하려면...  
非夢似夢 글자 윗 부분이 짤려서 보이네요!! 해결방법좀.. [2] 2007.08.10
전익환 음악을 업로드 할 수 있는 게시판에서 질문이요.  
★죠리퐁은우유에 윈도우즈 XP Home에디션 ;; 에서 iis 설치하려면 어케 하나요? [1] 2007.08.10
샤위엔즈™ 자동최소화 [1] 2007.08.10
HellDog 안녕하세요.딱 한가지만 알려주세요  
박형준 이 홈피처럼 전체화면으로... [1] 2007.08.10
한기동 html에서 폰트가요.. [1] 2007.08.10
순수주의 플래쉬로 만든걸 홈페이지에 끼워넣을려고 하는데.. [1] 2007.08.10
머찐넘지니 가로 선점 어떻게 넣어요? [4] 2007.08.10
apraxas [php] echo 와 print 함수의 차이가 뭔가요? [2] 2007.08.10
氷たい海 왜, 영화소개 싸이트 처럼 플래쉬로 홈피 만드는 방법이요! [1] 2007.08.10
무꾸 2차 도메인의 네임서버에서의 설정과 메일사용에 대한 문의..  
김진곤 초짜질문~ [1] 2007.08.10
이재구 노프레임 홈페이지에서는 링크는 어떻게 하져? [1] 2007.08.10
한기동 음악이 계속 나오려면.. [1] 2007.08.10
한승진 리눅스 질문이요 (파일시스템) [2] 2007.08.10