센터 패널의 단추와 드롭 다운 단추 맞추기

이것은 아마도 간단한 질문 일 뿐이지 만 Dojo/Javascript로 시작 했으므로 잘못된 것을 알지 못합니다.센터 패널의 단추와 드롭 다운 단추 맞추기

프로그래밍 방식으로 Dojo 응용 프로그램을 작성하기 시작했습니다. 알고 싶은 것은 (내 경우 토글 버튼과 드롭 다운 버튼)을 중앙 창의 각 옆에 정렬하는 방법입니다. 기타와 사이에 올바른 간격을 두어 (중앙 패널에는지도가 포함되어 있으며 다른 패널로 공간을 가리고/제한하지 않고 평화로운 버튼을 배치하고 싶습니다). "지도"드롭 다운 버튼을 "범례/레이어"토글 버튼 바로 옆에 배치하고 바르게 배치하고 싶습니다.

지역을 지정하면 (내 경우지도가 id = "mapDiv"인 경우), 다른 지역과 겹치기는하지만 그 지역은 내가 원하는 지역이됩니다. 하나는 서로 옆에있다.

GIS/Mapping 질문이 들리 겠지만, Dojo/Javascript (CSS/HTML?)와 관련이있어서 더 이상하다고 생각합니다. 그 이유는 여기에 있습니다.

나는이 fiddlecode 나는 당신의 도움에 미리

감사합니다,

m

출처

2015-01-10 mic

작동합니다 ALL 당신의 'position : absolute' 선언과 거기에서 일합니다. 그냥 기억하십시오 : 대부분의 경우'position : absolute'는 틀리며 제한된 시간에도 올바른 것으로 보입니다. 다시 잘못된 것입니다. – Devin

안녕하세요 @Devin, 답장을 보내 주셔서 감사합니다. 당신은 나의 경험 부족을 변명해야하지만 나는 정말로 당신을 따르고 있지 않습니다. 유일한 "절대적인"선언은 .esriSimpleSliderTL을위한 선언이 아닙니다 (나는 확대/축소 버튼의 기본 위치가 마음에 들지 않습니다). 나는 [fiddle] (http://jsfiddle.net/o5od8fcm/2/)을 당신의 제안에 따라 업데이트하지만 나는 여전히 같은 일에 매달렸다. – mic

의미가 무엇인지를 보여주기 위해 설정 관리자를 사용하여 코드를 확인하고 볼 수 있습니다 모든 요소에는 인라인 스타일이 있으며 그 중 대다수는 "절대"위치입니다. 귀하의 문제는 여기에 있습니다 :

<span class="dijit dijitReset dijitInline dijitBorderContainer-child diji…ijitBorderContainerPane dijitAlignMapDiv dijitDropDownButton" widgetid="downButtonMaps" style="left: 5px; top: 56px; position: absolute;"> 

    <span class="dijitReset dijitInline dijitButtonNode" role="presentation" data-dojo-attach-event="ondijitclick:__onClick"></span> 
    <input class="dijitOffScreen" type="button" data-dojo-attach-point="valueNode" aria-hidden="true" role="presentation" tabindex="-1" data-dojo-attach-event="onclick:_onClick" value=""></input> 

</span>

그래서 당신의 CSS 스타일 시트

.dijitReset { 
    position: relative !important; 
}

이 줄을 추가하고 그것은 문제를 많이 가지고 있지만, 기본적으로 제거

출처

2015-01-10 20:58:54 Devin

와우, 내가 그걸 썼지? : - | 나는 그것을 모른 채 코드를 썼다! 음, 다음 번엔 더 자세히 살펴 보겠습니다. 도움을 주셔서 감사합니다. 예, 작동했습니다. ;-) – mic

센터 패널의 단추와 드롭 다운 단추 맞추기

답변

관련 문제