1 . 버튼 반응을 통일하고 싶습니다.
버튼을 만들 때, 저는 다음과 같이 입력합니다.
ex) <input type="button" class="myValue">Crown</button>
이런 식으로 버튼을 만들어 왔는데, 버튼을 클릭했을 때의 반응이 전혀 다릅니다.
밑의 링크는 현재 코딩하고 있는 페이지입니다. 전의 페이지들은 01_GSP 알집으로 보내드렸습니다.
서버에 전 페이지도 다 넣어놨습니다. (서버에는 전에 코딩했던 페이지들은 basic_01으로 넣어놓았습니다.)
ftp 주소 & url = alsduf57.dothome.co.kr
사용자 ID = alsduf57 / 비밀번호 : alswjd57
왜 같은 코딩 서식에서 전혀 다른 효과가 나오는지 모르겠습니다;; 통일한다면 전에 했던 코딩페이지(=basic_01)의 버튼 효과처럼 반응이 있게 하고 싶습니다.
2. 첫 번째 이미지는 GAMES 바를 눌렀을 때 Digimon Masters라는 메뉴가 나타난 상태이고요.
2번째 이미지는 hover시에 색이 변하는 상태입니다.
이런 식의 메뉴 바를 어떻게 만들어야 하나요.. ㅠㅠ
소스들을 보면 ul태그 안에 li태그 넣어서 하는 것은 알겠습니다. 그런데, 그 이후로 어떻게 하는지 모르겠습니다.
<하고 싶은 코딩>
1) 화살표를 누르면 저런 식으로 밑에 나오게 하고 싶습니다. (누르기 전에는 나타나지 말고요)
2) hover를 하면 글씨 색상과 배경색상을 바꾸고 싶습니다.
처음에는 <select>에 option 넣는 방식으로 하다가 <div>방식으로 바꿔서 진행했습니다.
select 창에 option을 넣으면 파란 배경 밖에 안되고, 배경 색을 못 바꾸겠어서 div로 바꾸었습니다.
최종 결과는 이 이미지처럼 만들고 싶습니다. 어떻게 코딩을 해야 되나요..ㅠㅠ
(All 옆의 화살표 누르기 전에는 All만 보이게 합니다. All 옆 화살표를 누르면 Account등 4개의 메뉴들이 밑으로 나열되면서, 가고 싶은 메뉴에 hover하면 저 배경색이 나타나도록 하고 싶습니다.)