탑메뉴에 관해 질문 드립니다

탑메뉴에 관해 질문 드립니다 정보

탑메뉴에 관해 질문 드립니다

본문

그림에서와 같이 제일 간단한 메뉴 상태 3가지에서
클릭 후 yellow색상으로 변하는것을 어떻게 하면 되죠?
제가 지금 메뉴를 모두 DIV+CSS로 하였는데 여기에서 어떻게 하면 좋을지 모르겠어요.

복사
공유하기

댓글 전체

Byun 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

11.05.03 11:11:08

a.topmenu:link {color:#FFF; text-decoration:none;} /* 기본, 흰색에 밑줄없음 */
a.topmenu:hover {color:#FFF; text-decoration:underline;} /* 롤오버했을때 밑줄 */
a.topmenu:active {color:#FC0; text-decoration:none;} /* 눌렀을때 노랑색 밑줄없음 */
a.topmenu:visited {color:#FC0; text-decoration:none;} /* 누르고난뒤 노랑색, 밑줄없음 */

.topmenu 부분은 적당히 바꿔야하는거 아시죠?

행복천사다 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

11.05.03 17:19:09

하기와 같이 이렇게 쓰면 되나요? 그런데 min_menu는 보통 상태고 클릭하면 min_menu_on으로 변해야 하는데 그게 안되네요~~~ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

<script>
.top980c {clear:left; width:980px; height:32px; }
.top6 {float:left; width:15px; }
.top7 {float:left; width:950px; height:32px; background-image:url(img/new_1/top_bg1.gif); text-align:left; }
.min_menu {color: #FFFFFF; font-weight: bold;}
.min_menu_on {color: #FFEA00; font-weight: bold; text-decoration:underline;}
.min_menu3 {float:left; width:40px; height:18px; margin-top:8px; }
.min_menu4 {float:left; width:55px; height:18px; margin-top:8px; }
.min_menu5 {float:left; width:66px; height:18px; margin-top:8px;}
.min_menu_jianju {float:left; width:25px; height:18px; margin-top:7px; text-align:center; }
</script>


<div align="center">
<div class="top980c">
<div class="top6"><img src="../img/new_1/top_img1.gif"></div>
<div class="top7">
<div class="min_menu4"><a href="../"><span class="min_menu">처음으로</span></a></div>

<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=news"><span class="min_menu">최근뉴스</span></a></div>

<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=travel"><span class="min_menu">여행정보</span></a></div>

<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=food"><span class="min_menu">미식정보</span></a></div>

<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=hotel"><span class="min_menu">민박호텔</span></a></div>

<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../phone.php"><span class="min_menu">전화114</span></a></div>
</div>
</div>

하기와 같이 이렇게 쓰면 되나요? 그런데 min_menu는 보통 상태고 클릭하면 min_menu_on으로 변해야 하는데 그게 안되네요~~~ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

<div align="center">
  <div class="top980c">
  <div class="top6"><img src="../img/new_1/top_img1.gif"></div>
  <div class="top7">
    <div class="min_menu4"><a href="../"><span class="min_menu">처음으로</span></a></div>

Byun 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

11.05.03 19:02:58

우선 <script></script>가 아니고 <style></style>입니다.

그리고 .. 흠..
먼저 css 기본을 이해하셔야할듯하네요^^;;;

탑메뉴에 관해 질문 드립니다 > 그누4 질문답변

그누4 질문답변