2012-05-22 2 views
0

는 Internet Explorer에서 일부 정렬 문제가있을 것 같다 7. 기본적으로 그들이 오른쪽으로 약 20 정도 픽셀의를 appaering 어떤 방법을 궁금해CSS의 드롭 다운 문제는 7 내가 최근에 워드 프레스를 통해 함께이 사이트를 구축하고있다

이 문제를 해결하려면? 이것은 잠시 동안 저를 곤란하게 만들었고, 나는 천천히 아이디어가 부족한 것처럼 느낍니다.

http://alleanza.co.uk

스크린 샷이 필요한가 : 여기

링크입니까? 그렇다면 오늘 밤에 클라이언트의 게시물을 올리 겠지만 IE 7입니다!

<ul id="nav" class="clearfloat"> 
<li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li> 
<div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div> 
</ul> 

올바른 구조인가요 :

나는이 목록의에 대해 가지고있는 PHP와 HTML 구조는 무엇입니까? 모든 도움 .. 감사합니다

+0

는 CSS 재설정을 사용하여 A-태그에 LI에서 스타일을 이동합니다. –

+0

나는 방법이 있지만''. 가능한가? –

+0

IE7 일 뿐이며 개발주기가 끝나면 스타일 시트에서 시작 해킹으로 해당 요소를 대상으로 지정하십시오. * margin-right : -20px! important; –

답변

0
당신은 최상위 ul 메뉴 항목 내에서 사업부를 내포하고 있으며 IE7에서 디자인을 깨는 무엇, 심지어 다른 브라우저에서 작동 놀라게은 아마

:

<ul class="clearfloat" id="nav"> 
    <li>Alleanza</li> 
    <div id="navoption"> <ul> ... </ul> </div> 
</ul> 

목록 항목은 메뉴 목록 내에 중첩되어 있어야합니다.

그래서 목록 항목 내에서 그 사업부를 포장하고 작동합니다 :

<ul id="nav" class="clearfloat"> 
    <li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li> 
    <li><div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div></li> 
</ul> 

참고 : 당신은 워드 프레스를 사용하고있는 것으로 나타났습니다, 당신은 실제로 오른쪽 메뉴의 "내 그"Alleanza "링크를 만들 수 있습니다 당신이 그것을 하드 코딩 할 필요가 없습니다 사용자 정의 링크 "옵션

문서 :. http://codex.wordpress.org/Appearance_Menus_Screen

+0

나는 이것을 시도했지만 여전히 작동하지 않습니까? 왜 운동을 할 수 없다!? 나는이 질문을 내 스스로 사용할 수 있다고 생각했기 때문에 떠났지만 여전히 운이 없다. –

관련 문제