2012-10-25 7 views
0

CSS를 사용하여 내 탐색 div에서 드롭 다운 메뉴를 만들려고합니다. 나는 스타일과 내가 원하는 모든 것을 가지고 있지만 엉망이되는 유일한 것은 키입니다. 링크 위에 마우스를 가져 갔을 때 표시하고 싶은 목록 항목이 세 개 있지만 하나만 표시됩니다. 나는 nav div의 높이와 관련이 있다는 것을 알고 있지만 자주색 막대가 보이지 않게하기 때문에 그것을 고치는 법을 모르겠습니다. 난 그냥 정상 아래처럼 아래에 텍스트의 맨 위에 드롭 다운 드롭 싶어요. 도와주세요? CSS로 드롭 다운 메뉴를 만드는 방법

http://www.pitt.edu/~mkm49/1052/available.html

(예 이것은 학교 지정을 위해,하지만 나 자신은 그냥 학생을 돕는에 대한 이상한 사람 당신의 사람들을 위해,이 장애물을 통해 점점 도움이 필요한 모든 작업을 완료했습니다!)

+0

나는 cssplay.co.uk를 체크 아웃하는 것이 좋습니다 – twodayslate

+0

이것은 sachleen과 같은 사람들이 즉시 판결을 내리고 내가 그 일을하고 싶지 않기 때문에 내 사이트에서 게시하는 것을 싫어하는 이유입니다. 나는 많은 연구를했고 _ literalally_ 수백 가지 예제를 통해 하나를 찾았다. 그러므로 내가 지금까지 가지고있는 것,하지만 다른 요소들로 문서에 넣었을 때 나머지 목록들을 잘라 냈습니다. 그리고 나는 보라색이 더 커지지 않도록 높이를 고정하는 데 도움이 필요합니다. – user1748319

답변

0

당신이 코드를 잘못 생각한 것 같습니다. 소스를 통해 읽었습니다. 화면의 바깥쪽에있는 모든 메뉴 항목을 left: -999em과 매우 멀리 숨기고있는 것이 분명하며 이는 매우 나쁜 방법입니다. 당신은 CSS display 규칙을 조사하려고한다

, 당신은 사업부를 숨길 display: none을 사용할 수 있으며, 다음 display: block 또는 display: inline는 항목이 인라인 또는 블록되고 싶은 경우에 따라, 다시 표시합니다.

단순한 display 호버 설정 변경과 같이 코드가 메뉴 항목과 함께 작동하는 방식을 다시 작성해보십시오.

참고

당신은 당신의 ID와 클래스 이해하기 쉽게 유지하려고한다, 현재 그들은 조금 조직화하고 가치가없는 것 같다.

이 작업을 수행 할 수 있기를 바랍니다.

+0

대단히 감사합니다! 이게 내가 바라는 전부 야. – user1748319

+0

이것이 올바른 답이라고 생각되면 아래쪽 화살표 및/또는 아래쪽 체크를 클릭하여 답변을 표시하십시오. – pathurs

0

작업을 조사하기 위해 방화 광 또는 크롬 개발 도구를 사용하고 있습니까? 약간의 조사만으로 알아낼 수있는 몇 가지 중첩되는 문제가 있습니다.

그리고 이것은 프로젝트를위한 것이기 때문에 ... 당신은 CSS에서 절대적인 자세를 많이 사용하는 미끄러운 경사면을 내려다 보았습니다. 이것은 일반적으로 좋은 습관이 아니며 간접적 인 방법으로 문제의 원인이 될 수 있습니다. 행운을 빈다!

관련 문제