헤더 푸터 사용시 css 겹침문제 정보
헤더 푸터 사용시 css 겹침문제본문
그누보드를 이용하여 페이지를 꾸미고 있습니다.
그런데 타 게시판도 마찬가지지만 게시판에 헤더와 푸터를 주면
헤더페이지에 css 파일과 게시판 스킨의 css 파일이 짬뽕되서 게시판스킨css 파일 헤더부분에 있는 디자인들도 건들여서 사이트 디자인 전체 글자가 작아진다거나 하는 문제가 발생하는데요. 어떻게 해결할수 있을까요?
똑바로 출력되게 하려면 아예 게시판스킨의 css 파일을 없애고 헤더부분의 css 파일로 스타일 다 먹여줘야 하나요?
헤더에는 영향 안 끼치고 게시판스킨의 css 파일은 스킨부분에만 먹히게 할수 없을까요
댓글 전체
게시판스킨의 css 파일을 수정하세요.
body 또는 td 등의 내용은 삭제하고 class 이름을 변경하면 되겠는데요..^^
body 또는 td 등의 내용은 삭제하고 class 이름을 변경하면 되겠는데요..^^
css 가 들어가는 모든것을 게시판 스킨의 css 에서 관리 하시던가
css 를 해더, 스킨 등에 적용하실때는 클래스 이름을 따로 관리 하시는것이...
제대로 완성한 홈페이지가 없어서 ^^;; 뭐라고말씀 드리기 어렵지만 이전 연습할때는
게시판 css 를 수정해서 사용했는데 나중엔 너무 길어져서 감당이 안되더라구요.
그래서 지금 만들고 있는 홈페이지는 필요한곳에 넣어서 사용하는데 게시판이면 게시판
이름을 앞에 넣고 뒤에 다른 이름을 넣는 방법을 씁니다.
head 에 head 에만 들어가는 걸 사용할 경우 class 이름을 줄때 head_top01 이런식으로
기입하는 방법을 쓰고 있습니다.
스킨이면 스킨이름_wiew01 .. 뭐 이런식이 되겠죠 ?
그럼 겹칠 이유가 없지요...
게시판 css 에 있는 전체에 영향을 주는 css는 다른곳에서는 사용하지 마시구요...
class 만 사용하세요.
반대로 전체에 영향을 주려면 게시판 루트에 있는 style.css 를 수정하시면 되겠죠 ?
전체적으로 영향을 미치는 css 는 아래와 같습니다.
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }
img {border:0px;}
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { color:#90C0E8; text-decoration:underline; }
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:underline; }
class 로 사용되는 css는 앞에 점이 하나 붙어있어요.
.member 처럼요.
텍와이드 님의 설명과 같은 설명인데 풀어서 설명했습니다. ^^;;
질문답변란에 답쓸일이 거의 없는데 그나마 아는게 나와서 적어봅니다.. T.T
css 를 해더, 스킨 등에 적용하실때는 클래스 이름을 따로 관리 하시는것이...
제대로 완성한 홈페이지가 없어서 ^^;; 뭐라고말씀 드리기 어렵지만 이전 연습할때는
게시판 css 를 수정해서 사용했는데 나중엔 너무 길어져서 감당이 안되더라구요.
그래서 지금 만들고 있는 홈페이지는 필요한곳에 넣어서 사용하는데 게시판이면 게시판
이름을 앞에 넣고 뒤에 다른 이름을 넣는 방법을 씁니다.
head 에 head 에만 들어가는 걸 사용할 경우 class 이름을 줄때 head_top01 이런식으로
기입하는 방법을 쓰고 있습니다.
스킨이면 스킨이름_wiew01 .. 뭐 이런식이 되겠죠 ?
그럼 겹칠 이유가 없지요...
게시판 css 에 있는 전체에 영향을 주는 css는 다른곳에서는 사용하지 마시구요...
class 만 사용하세요.
반대로 전체에 영향을 주려면 게시판 루트에 있는 style.css 를 수정하시면 되겠죠 ?
전체적으로 영향을 미치는 css 는 아래와 같습니다.
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }
img {border:0px;}
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { color:#90C0E8; text-decoration:underline; }
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:underline; }
class 로 사용되는 css는 앞에 점이 하나 붙어있어요.
.member 처럼요.
텍와이드 님의 설명과 같은 설명인데 풀어서 설명했습니다. ^^;;
질문답변란에 답쓸일이 거의 없는데 그나마 아는게 나와서 적어봅니다.. T.T