2012-09-30 4 views
2

현재 내 자신을 해결할 수없는 문제가있어, 내 문제를 너희들에게 돌리고 나에게 도움이되기를 바랍니다.CSS 테두리 목록을 확장하지 않은 드롭 다운 목록

드롭 다운 목록/메뉴를 만들려고하는데 배경 테두리가 드롭 다운 목록으로 확장 되어도 엉망으로 보이지만 완벽하게 작동합니다.

저는이 문제를 해결하기 위해 귀하의 의견을 듣고 싶습니다. 나는 온라인으로 코드를 삽입하고 드롭 다운 목록 메뉴에 대한 약간의 데모가있다 :

데모 : http://test.xavizus.eu/test2/
CSS :

http://codepaste.net/zjyeha이 사전에 대단히 감사합니다. 당신이 할 수있는

+0

문제는 HTML 마크 업과 관련이 있다고 생각합니다. –

+0

에 오신 것을 환영합니다! 관련 코드와 데모를 제공해 주셔서 감사합니다. 정말 도움이됩니다. –

+0

감사합니다. Jared :) SidMS - 문제를 확인했으며 내 "메뉴"ID에 있습니다. - http://test.xavizus.eu/test/에서 잘 살펴볼 수 있습니다. 문제는이 부분에 있습니다. #menu { border-radius : 5px; 오버플로 : 숨김; background-color : # 484848; 색상 : #FFFFFF; 패딩 : 5px 5px 0px 5px; 여백 : 5px 5px 5px 5px; 글꼴 : 8pt verdana, arial, sans-serif; } 난 그냥 이것을 무시하는 방법을 잘 모르겠다. ( – Xavizus

답변

2

다음 ul 하위 메뉴를 표시 할 수 있지만,이 높이의 수용하기 위해 성장에서 #menu을 유지합니다

#menu { 
    height: 30px; 
    overflow: visible; 
    border-radius: 5px; 
    background-color: #484848; 
    color: #FFFFFF; 
    padding: 5px 5px 0px 5px; 
    margin: 5px 5px 5px 5px; 
    font: 8pt verdana, arial, sans-serif; 
} 

.

+0

때로는 문제가 간단한 해결책으로 해결 될 수있다 ... 대단히 감사합니다. Jared :) - 바로 지금 안이 한 느낌입니다 :) – Xavizus

+0

문제 없습니다. 기꺼이 도와 드리겠습니다. 귀하의 질문에 답변이 있으면 답변을 작성하고 표시하십시오. ':)' –

+0

내가 그것을 알아낼 때 할 것이다 : D - 찾았 어! : D – Xavizus