링크 거는 간단한 질문좀...
빗줄기
에구.. 이건 기본인데 질문드릴려니 민망하네요..
막상 찾아도 안나고 해봐도 안되서 결국 질문 올립니다.
소스보면 제가 p태그에 링크를 줬는데요..
참고로 보시고 ul li써야한다고 하실텐데 개발 문제상 div로 해달라고 해서요..
배경 이미지 땜에 div 두개 테두리 넣었구요..
문제는 제가 마우스 오버시 흰색 글씨 되라고 css를 했는데..
텍스트를 오버하거나 텍스트 오버후 주변 변한 파란 라인을 오버하면 글씨가 흰색으로 되는데요
그림처럼 처음에 텍스트가 아닌 파랗게 변한라인 위에 오버하면 글씨색이 안변하네요..
이거 css에서 뭘 해줘야 하는걸까요??
제 css에서 보면 제가 이렇게도 해보고 저렇게도 해봐서 불필요한것도 분명 있을듯..
보시고 말씀해주세요..
소스----------------------------------------------------------
div class=topsub01
div class=topsub02
p class=submea href=#Parts Catalog Search/a/p
p class=submea href=#Parts List by Model Search/a/p
p class=submea href=#Parts Number and Name Search/a/p
p class=submea href=#Old Parts Catalog Search/a/p
p class=submea href=#Machine Delivery Notice Search/a/p
/div
/div
css------------------------------------------------------
body {margin:0; padding:0; font-size:12px;}
.topsub01 {position:absolute; top:48px; left:0px; width:245px; background:#999; overflow:hidden;}
.topsub02 {width:100%; background:#ececec; padding:10px 0 8px 0; }
.topsub02 p { width:229px; height:23px; padding:2px 10px; margin:0 auto; color:#444; text-indent:7px; line-height:22px;}
.topsub02 p:hover, .topsub02 p:link { background:blue; color:#fff !important; font-weight:bold;cursor: pointer;}
.topsub02 p a:hover{ color:#fff; display:block;cursor: pointer;}
결과 화면..
감사합니다. 꾸벅...
-
지우
역시나 알고보면 넘 간단한 문제였다는... 속이 다 시원하네요. 감사합니다.
-
샤이
p:hover a{color:#fff}