묻고답하기

안녕하세요 초보입니다 ㅠㅠ

(1)기본 레이아웃으로 조금씩 작업하고 있는데 아래 그림처럼

상단 부분 밑에 나오는 게시판이나 텍스트 구간 바깥쪽에 선을 넣고 싶은데 

아무리 찾아봐도 힘드네요, 조언해주실분 있으면 댓글 부탁드립니다.

2017-08-21_102608.jpg

@charset "utf-8";

/* Reset */

html,body{min-height:100%}

body{margin:0}

 

/* Skin to content */

.skip{margin:0}

.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}

.skip>a:focus{height:auto}

 

/* Layout */

.container,

.footer>p{width:73%;margin:0 auto}

.header{position:relative;z-index:2;zoom:1;margin:0 0 17px 0}

.header>.side{position:absolute;z-index:2;right:0;bottom:57px;zoom:1}

.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}

.body{position:relative;z-index:1}

.header:after,

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

.content{padding:0 0 40px 0;zoom:1}

.content>*:first-child{margin-top:0}

.content img{max-width:100%;height:auto}

 

/* Header */

.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}

.header>h1>a,

.header>h1 img{display:block}

.header>h1>a{font-size:32px;text-decoration:none;color:#333}

 

/* Footer */

.footer{padding:25px 0 80px 0;background:#464D5C;border-top:1px solid #ffffff;color:#b7b7b7}

.footer p{font-size:12px}

.footer a{text-decoration:none;color:#666}

.footer a:hover,

.footer a:focus{text-decoration:underline}

 

/* Login */

.account{margin-right:15px !important}

 

/* Search */

.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}

.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}

.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}

.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

 

/* GNB */

.gnb{position:relative;z-index:1;border:1px solid #080808;font-size:13px;height:31px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}

.gnb:before{content:"";display:block;background:#3e3e40;width:100%;height:1px}

.gnb ul{margin:0;padding:0;list-style:none}

.gnb a{text-decoration:none;white-space:nowrap}

.gnb>ul{position:absolute;top:32px;left:-1px;right:-1px;background:#464d5d;opacity:.98;filter:alpha(opacity=98);height:0}

.gnb.open>ul{height:auto;border-bottom:1px solid #333}

.gnb>ul:after{content:"";display:block;clear:both}

.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}

.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}

.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}

.gnb>ul>li.active>a,

.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}

.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden}

.gnb.open ul ul{margin-top:6px}

.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}

.gnb.open ul ul{padding:13px 20px;height:auto}

.gnb>ul>li:first-child>ul{border:0}

.gnb>ul>li:first-child>ul:before{content:normal}

.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}

.gnb ul ul a:hover,

.gnb ul ul a:focus{text-decoration:underline}

 

/* Visial */

.visual>.list{position:relative;width:300%;left:-100%;z-index:1}

.visual>.list:after{content:"";display:block;clear:both}

.visual>.list.total1{width:auto;left:0}

.visual img{display:block;max-width:100%;height:auto;margin:0 auto}

.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}

.visual a[href=""]{cursor:default}

.visual .total1 a{float:none}

.visual .total2 a,

.visual .total3 a{width:33.33%;}

.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}

.visual.sub a>p{font-size:32px;text-align:left}

.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}

.visual>button:hover,

.visual>button:focus{background-color:rgba(0,0,0,.25)}

.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}

.visual>.prev{left:0}

.visual>.next{right:0}

.visual>.prev>i{background-position:0 0}

.visual>.next>i{background-position:-25px 0}

 

/* LNB */

.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}

.body.sub .content{float:right;width:720px}

.body.sub .lnb>h1{margin:0;position:relative;z-index:2}

.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}

.body.sub .lnb ul{list-style:none;margin:0;padding:0}

.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}

.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}

.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}

.body.sub .lnb>ul>li.active>a,

.body.sub .lnb>ul>li>a:hover,

.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}

.body.sub .lnb>ul>li:first-child>a{border-top:0}

.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}

.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}

.body.sub .lnb li li.active>a,

.body.sub .lnb li li>a:hover,

.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}

 

(2)파일첨부를 하면 원래 자동으로 올라갔는데

호스팅 이전후 따로 하나씩 삽입을 해야 본문에 올라가는데

이게 스킨문제인지 아니면 설정이나 서버문제인지 통 알수가 없는데 조언좀 주세요

태그 연관 글
  1. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  2. [2019/03/28] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  3. [2019/01/25] 포럼 자바스크립트 스타트 스터디 모임(용인/수원)입니다.^^ by treasurej
  4. [2019/01/04] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
  5. [2018/07/02] 묻고답하기 레이아웃 및 문서페이지 스킨 설치안됨 by rusaka****
글쓴이 제목 최종 글
BJ람보 공지 답변을 확실히 받기위한 질문자 지침서 [6] 2017.01.25 by mxin****
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.06 by 남기남
LaneLien XE 사용자 임의 개발에 대하여 질문드립니다. [2] 2017.09.09 by 제이와이엔소프트
PSK 고수님들께 부탁드려봅니다 [2] file 2017.09.09 by PSK
Regenesis 관리자 페이지>관리자 설정에서 "사이트 디자인 설정", "사이트 메뉴 편집"을 삭제했다가 다시 만들었더니 하얀 화면이 나옵니다. [1] file 2017.09.09 by sejin7940
녹색사랑 The result is not valid JSON 에러 고치는 방법 좀 알려주세요. [1] file 2017.09.09 by 녹색사랑
on 네이버 웹마스터도구 설정 도와주실분 사례합니다! [2] 2017.09.09 by on
Marinesnow XE 툴 질문드립니다. [2] file 2017.09.09 by Marinesnow
이지한 xml 쿼리에서 중복된 컬럼값을 제거 하고싶습니다. [2] 2017.09.09 by 이지한
녹색사랑 회원의 게시물 파일을 서버에 저장하는 방법 [3] 2017.09.08 by sejin7940
토순이 문서 히스토리를 스킨에 넣는 방법을 알고 싶습니다.  
이덕순 밑에 질문의 추가 질문입니다. [3] 2017.09.08 by 배워서남준다
박용연 미치겠네요~ 게시판 엑셀다운받을수있게~~하는방법 [1] file 2017.09.08 by sejin7940
녹색사랑 파일명이 한글로 된 파일 업로드 안되는 문제 [1] 2017.09.08 by 기진곰
qwertylife boanserver.com 설치 문의 (무료 SSL 대체) [1] 2017.09.08 by 기진곰
이덕순 밑에 질문 추가 합니다.  
Marinesnow XE 설치 질문드립니다. [2] file 2017.09.08 by sejin7940
tootoo 올린 사진하고 다른게 나옵니다.  
qwertylife 서버 사양 한번더 비교 부탁 드립니다ㅜ [4] 2017.09.08 by qwertylife
이덕순 호텔비교사이트는 어떤 원리 인가요? [3] 2017.09.08 by 이덕순
마르키스 게시판 ID값이 나온 주소를 서브도메인으로 리다이렉트 할 수 있나요? [6] 2017.09.08 by 마르키스
댑펑 https url 이미지의 썸네일 0바이트로 생성되는 문제  
쿨럭이 본문안에 추가 관련 도움이 절실합니다~ [2] 2017.09.07 by 쿨럭이
Cyan 로그인 상태에서도 비밀글로 등록한 게시글을 열람하는 방법  
사르나트 댓글 삭제시 대댓글도 삭제됩니다.; [3] 2017.09.07 by HowtoXE
fjrl 다국어 사이트 언어선택 사용 중인데 ie 에서만 안됩니다. [1] 2017.09.07 by HowtoXE
호야라요 특정파일이 삭제가 안되네요. [1] 2017.09.07 by HowtoXE
이지한 php문에서 작성한 함수를 html에서 불러와서 쓰고싶습니다. [1] 2017.09.06 by 배르만
장민제 Xe홈페이지가 네이버 블로그에 노출되는겻우 [1] 2017.09.06 by 배르만
류준하 반응형 문제 [1] 2017.09.06 by 배르만
사람인 티스토리 질문이요 스킨 수정하는법 file  
사르나트 스케치북 모바일 게시판 목록(list)에서 닉네임 앞에 등급 아이콘이 표시되지 않는데요..