웹페이지 테두리 삭제 하는 방법좀 알려주세요.. 정보
웹페이지 테두리 삭제 하는 방법좀 알려주세요..본문
학교 과제 겸 기말 시험 대체하는 것으로
홈페이지 제작을 합니다.
이번 기회에 개인홈페이지 만들어서 앞으로도 운영할 생각으로 제작하고 있습니다.
하지만 html도 처음 접해보고 드림위버라는 프로그램도 처음 접했습니다.
정말 처음부터 하나하나 책 봐가면서 인터넷 검색하면서 게시판 삽입까지 어찌어찌 해오고 있습니다. 그런데 알면 알수록 더 많은 것을 공부해야 되더군요..html..php..자바스크립트 디비.. 제가 이 분야의 모든 것을 다 공부하기엔 시간이 너무 촉박하여 질문을 하나 합니다..
song0418.dothome.co.kr
제 홈페이지에 들어가보시면 Photos 나 Boards 메뉴에 들어가
사진1,2,3 이나 링크 1,2,3,4 누르면
게시판이 나오면서 웹페이지에 테두리가 생깁니다. (상하좌우에 아주 얇은 회색빛 테두리)
그러면서 제가 만든 테이블이 모양이 변하면서
글씨들이 작아지기도 하고 메뉴로 넣은 이미지들의 위치가 변하기도 합니다.
이 웹페이지 테두리를 어느 파일에서 어떤것을 수정해야 하나요?
(style.css를 봐도 없는것 같습니다.)
정말 몇날며칠을 밤새가면서 찾아보고 실행해 봐도 알수가 없네요 ㅠㅠ
헤더 푸터 이용해서 했습니다.
아 그리고 혹시 헤더 푸터를 중첩해서 사용 가능한지 알고 싶습니다.
예를 들면
헤더(2)
게시판
푸터(2)
이렇게 되면 한 페이지가 만들어 지고 여기에서 다시 헤더와 푸터를 이용할 수 있는지
헤더(1)
헤더(2)
게시판
푸터(2)
푸터(1)
헤더(2)에 <? include 헤더(1)?>
푸터(2)에 <? include 푸터(1)?>
이렇게 해서 불러오는 방법이 있는지 궁급합니다.
한번 해봤는데 안되더라구요..
부탁드립니다..
혹시 질문이 이상하거나 잘 못알아보시겠다면 말씀해주세요..
태그문제는 아닌거 같아서 태그는 올리지 않았습니다.
그누보드에 있는 파일에서 설정값이 그런것 같습니다. 근데 잘 못찾겠어요..
홈페이지 제작을 합니다.
이번 기회에 개인홈페이지 만들어서 앞으로도 운영할 생각으로 제작하고 있습니다.
하지만 html도 처음 접해보고 드림위버라는 프로그램도 처음 접했습니다.
정말 처음부터 하나하나 책 봐가면서 인터넷 검색하면서 게시판 삽입까지 어찌어찌 해오고 있습니다. 그런데 알면 알수록 더 많은 것을 공부해야 되더군요..html..php..자바스크립트 디비.. 제가 이 분야의 모든 것을 다 공부하기엔 시간이 너무 촉박하여 질문을 하나 합니다..
song0418.dothome.co.kr
제 홈페이지에 들어가보시면 Photos 나 Boards 메뉴에 들어가
사진1,2,3 이나 링크 1,2,3,4 누르면
게시판이 나오면서 웹페이지에 테두리가 생깁니다. (상하좌우에 아주 얇은 회색빛 테두리)
그러면서 제가 만든 테이블이 모양이 변하면서
글씨들이 작아지기도 하고 메뉴로 넣은 이미지들의 위치가 변하기도 합니다.
이 웹페이지 테두리를 어느 파일에서 어떤것을 수정해야 하나요?
(style.css를 봐도 없는것 같습니다.)
정말 몇날며칠을 밤새가면서 찾아보고 실행해 봐도 알수가 없네요 ㅠㅠ
헤더 푸터 이용해서 했습니다.
아 그리고 혹시 헤더 푸터를 중첩해서 사용 가능한지 알고 싶습니다.
예를 들면
헤더(2)
게시판
푸터(2)
이렇게 되면 한 페이지가 만들어 지고 여기에서 다시 헤더와 푸터를 이용할 수 있는지
헤더(1)
헤더(2)
게시판
푸터(2)
푸터(1)
헤더(2)에 <? include 헤더(1)?>
푸터(2)에 <? include 푸터(1)?>
이렇게 해서 불러오는 방법이 있는지 궁급합니다.
한번 해봤는데 안되더라구요..
부탁드립니다..
혹시 질문이 이상하거나 잘 못알아보시겠다면 말씀해주세요..
태그문제는 아닌거 같아서 태그는 올리지 않았습니다.
그누보드에 있는 파일에서 설정값이 그런것 같습니다. 근데 잘 못찾겠어요..
댓글 전체
일단 테두리는 설명드리자면,
각 브라우져는 자기들만의 특정 스타일을 render 합니다. ul 은 indent를 얼마 넣고 등등...
그런데 이게 모든 브라우저마다 다릅니다. 그래서 이걸 일단 하나로 통일/reset (재 정의) 하셔야 되요.
본인의 css 가 어디에 들어 가 있는지는 아시죠?
http://song0418.dothome.co.kr/gnuboard4/style.css
이걸 여시구요,
아래 문구를 넣으세요.
/* HackYa RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/*::-moz-selection{background-color:Transparent;}
::selection {background-color:Transparent;}
.myclass::-moz-selection,
.myclass::selection { ... }
*/
이거는 저의 고유의 reset 인데 좀더 체계적인 reset /유명인사의 reset/가장 많이 사용되는 reset 을 넣고 싶다면,
http://www.cssreset.com/
여기 참조하시면 됩니다.
///////////////////////////////////////////
공부하시는 분이니까, 그냥 문제해결해드리기 보다, 체계적으로 알려드리고 싶었습니다.
각 브라우져는 자기들만의 특정 스타일을 render 합니다. ul 은 indent를 얼마 넣고 등등...
그런데 이게 모든 브라우저마다 다릅니다. 그래서 이걸 일단 하나로 통일/reset (재 정의) 하셔야 되요.
본인의 css 가 어디에 들어 가 있는지는 아시죠?
http://song0418.dothome.co.kr/gnuboard4/style.css
이걸 여시구요,
아래 문구를 넣으세요.
/* HackYa RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/*::-moz-selection{background-color:Transparent;}
::selection {background-color:Transparent;}
.myclass::-moz-selection,
.myclass::selection { ... }
*/
이거는 저의 고유의 reset 인데 좀더 체계적인 reset /유명인사의 reset/가장 많이 사용되는 reset 을 넣고 싶다면,
http://www.cssreset.com/
여기 참조하시면 됩니다.
///////////////////////////////////////////
공부하시는 분이니까, 그냥 문제해결해드리기 보다, 체계적으로 알려드리고 싶었습니다.
1. 테이블 코딩 : 테이블로 레이아웃을 잡는 행위 는 교수님으로 부터 처참하게 응징을 당하실 수도 있습니다.
10년전쯤 쓰던 방식인데 지금은 이렇게 하는 사람은 아무도 없습니다.
게시판 자체는 글 내용을 tabular data 라고 주장한다면 테이블로 짤수 도 있습니다.
사실 이 문제로 정찬명씨에게 질의했는데 (왜냐하면 워드프레스는 게시판을 tabular data 라고 인정하지 않아서 div 코딩이 되어 있는데, 정찬명씨가 코딩한 XE (제로보드) 는 테이블 코딩이라서... 답변을 계속 보류하시네요...
2. footer 나 header 의 마크업은 여러번 중복해서 불러오셔도 됩니다.
10년전쯤 쓰던 방식인데 지금은 이렇게 하는 사람은 아무도 없습니다.
게시판 자체는 글 내용을 tabular data 라고 주장한다면 테이블로 짤수 도 있습니다.
사실 이 문제로 정찬명씨에게 질의했는데 (왜냐하면 워드프레스는 게시판을 tabular data 라고 인정하지 않아서 div 코딩이 되어 있는데, 정찬명씨가 코딩한 XE (제로보드) 는 테이블 코딩이라서... 답변을 계속 보류하시네요...
2. footer 나 header 의 마크업은 여러번 중복해서 불러오셔도 됩니다.
그리고 정말 학점을 잘 받고 싶다면 그누보드 보다는 워드프레스 기반으로 사이트를 짜는 걸 생각해 보세요.
그누보드는 게시판이고 워드프레스는 CMS 이기 때문입니다. 그런데 사이트 구축이나 사이트 운영은 워드프레스가 훨씬 더 쉬운.... (컴맹도 5분이면 워드프레스 설치 완료합니다.)
길호님처럼 워드프레스 + 그누보드로 사이트 구축하는 방식도 있고, http://kilho.net/ (이 분 좀 유명하신, 잘나가시는 프로그래머 분)
워드프레스 블로그 + 버디프레스 게시판 으로 사이트를 구축하실 수도 있습니다. (제가 선호하는 방식: 버디프레스는 SNS 기능이 엄청나기 때문에....)
그누보드는 게시판이고 워드프레스는 CMS 이기 때문입니다. 그런데 사이트 구축이나 사이트 운영은 워드프레스가 훨씬 더 쉬운.... (컴맹도 5분이면 워드프레스 설치 완료합니다.)
길호님처럼 워드프레스 + 그누보드로 사이트 구축하는 방식도 있고, http://kilho.net/ (이 분 좀 유명하신, 잘나가시는 프로그래머 분)
워드프레스 블로그 + 버디프레스 게시판 으로 사이트를 구축하실 수도 있습니다. (제가 선호하는 방식: 버디프레스는 SNS 기능이 엄청나기 때문에....)
답변 감사합니다.
그러나 소스 적용에는 실패했습니다 ㅠ.ㅠ 오늘 아침부터 해봤는데 적용이 안됩니다.
아, 헤더 푸터 두번 연결 하는 것은 성공했습니다. 경로 설정을 제대로 이해 하니까 잘 됐습니다.
교수님은 테이블이나 div 태그 이용해서 만들라고 했었습니다.
제 추측컨데 이 수업이 html을 위주로 진행되었기 때문에
테이블이나 div를 사용해서 홈페이지를 제작 하라고 하지 않았을까 합니다.
저는 상경계열 학생입니다. 교양 과목 과제 였습니다. 홈페이지 만들다 보니 재밌고
욕심이 생겨서 체계적이진 않지만 나름 공부했습니다. 지금도 사실 너무나 많은 기능을 제 홈페이지에 삽입하고
싶은 욕망이 자꾸 생깁니다.
div태그 이용해서 다시 시작해보겠습니다. 나중에 워드 프레스도 한번 도전해보겠습니다.
감사합니다.
그러나 소스 적용에는 실패했습니다 ㅠ.ㅠ 오늘 아침부터 해봤는데 적용이 안됩니다.
아, 헤더 푸터 두번 연결 하는 것은 성공했습니다. 경로 설정을 제대로 이해 하니까 잘 됐습니다.
교수님은 테이블이나 div 태그 이용해서 만들라고 했었습니다.
제 추측컨데 이 수업이 html을 위주로 진행되었기 때문에
테이블이나 div를 사용해서 홈페이지를 제작 하라고 하지 않았을까 합니다.
저는 상경계열 학생입니다. 교양 과목 과제 였습니다. 홈페이지 만들다 보니 재밌고
욕심이 생겨서 체계적이진 않지만 나름 공부했습니다. 지금도 사실 너무나 많은 기능을 제 홈페이지에 삽입하고
싶은 욕망이 자꾸 생깁니다.
div태그 이용해서 다시 시작해보겠습니다. 나중에 워드 프레스도 한번 도전해보겠습니다.
감사합니다.
