css가 이상한 건지 잘 모르겠네요

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
User avatar
litconan
서포터즈
서포터즈
Posts: 159
Joined: 2004 06 26 23:33 29
Contact:

css가 이상한 건지 잘 모르겠네요

Post by litconan »

간만에 질문을 올려봅니다 :) 문제가 뭔지 잘 몰라서 제목도 엉망이에요 :cry:

http://dych.byus.net/blog/
http://dych.byus.net/zboard/zboard.php?id=bbs
두 주소가 있는데 왼쪽에 있는 메뉴들(교회안내, 예배/모임 등)이 left안에 들어 있고, list로 정렬해 놓았습니다. 그런데 제로보드와 css가 겹쳐서 그런 것인지 두 주소에 있는 메뉴의 모습이 다릅니다. 둘 중 하나로 통일하고자 하는데 어떻게 수정해야 좋을까요?

blog 에서는 blog/styles-site.css 를 사용중이고
게시판에서는 blog/styles-site.css와 skin/skinname/style.css를 같이 사용하고 있습니다.
http://litconan.byus.net
litconan(@)gmail.com
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

상속이 부족합니다.

Post by 박민권 »

위 사이트의 css 스타일을 보았습니다.
id와 클래스의 상속에 대해 좀더 연구해보세요.
상속받지 않고 .class{} 이런식으로 쓰는 클래스가 많아지면 나중에 스타일이
엄청 꼬입니다.

a {color:#69c;text-decoration:underline;}
a:hover {color:black;}
a:name {color:red; text-decoration:none;}

여기서 a:name가 뭐죠? ㅡㅡa 잘못한거 아닌지요?
(잘못된게 아니라면 누구 가르쳐주세요.)

#left라는 ID만의 a태그 스타일을 정하고 싶으신거죠?

한가지 제 스타일을 추천해드리면 전 id는 첫글자 대문자 클래스는 전부 소문자를 씁니다.
#Left .left 이런식으로요.

아래처럼 하시면 님이 원하시는 결과물을 얻으실 수 있으실 겁니다.

#left a{color:#69c; text-decoration:underline;}
#left a:hover{color:black;}

즉 left라는 id를 가진 것 내부의 a태그 스타일을 정하는 것입니다.

<div id="left">
<a href="abc">Link</a> => 'left아이디 안의 a태그'
</div>
User avatar
litconan
서포터즈
서포터즈
Posts: 159
Joined: 2004 06 26 23:33 29
Contact:

Post by litconan »

a:name은 실수로;;


대충 해결봤습니다. 역시 머리아플 땐 잠자는 게 최고인 것 같네요. 고맙습니다.
http://litconan.byus.net
litconan(@)gmail.com
Post Reply

Who is online

Users browsing this forum: Bing [Bot] and 1 guest