JQTouch 질문, 바닥 글에 버튼 추가하기

Question

아래와 같이 (기본적으로 바닥 글 섹션입니다)과 같이 "info"클래스가있는 div에 3 개의 버튼을 추가하려고합니다. 코드는 아래에 표시됩니다.

<div class='info'> 
    <a class="button" href="#">Full Site</a> 
    <a class="button" href="#">Feedback</a> 
    <a class="button" href="#">Contact Us</a> 
</div> 

왼쪽, 가운데 및 오른쪽에 3 개의 버튼을 표시하고 싶습니다. (위 코드는 페이지 상단의 "문의하기"버튼을 보여줍니다). 어떻게하면 이 문제를 해결할 수 있습니까?

Answer 1

저는 jQTouch/CSS 전문가가 아니지만이 링크는 각 링크에 사용중인 button 클래스와 관련이 있다고 생각합니다.

button 클래스는 상단에 항목을 절대적으로 배치하므로 버튼이 바닥 글에 나타나지 않습니다. 또한 세 버튼 모두 정확히 같은 위치에 배치되지만 마지막/최신 버튼 - 문의 버튼 만 볼 수 있습니다.

이 클래스가 포함 된 CSS 파일은 각 테마 폴더 (apple, default 또는 jqt) 내에 있습니다. 각각에는 theme.css 파일이 있습니다.

강한 CSS 사용자가 아니더라도 ... 내 조언은 새로운 클래스를 만드는 것입니다. 기존 버튼 클래스에서 원하는 속성을 유지하되 속성의 위치 측면을 제거 할 수 있습니다. 이는 유지/유지하고자하는 모양과 느낌의 종류에 따라 크게 달라집니다.

또한 정렬되지 않은 목록에 단추를 배치하는 것이 더 쉬울 수 있습니다. 이렇게하면 CSS를 통해 상황을 배치 할 때 좀 더 많은 유연성을 얻을 수 있습니다.

<div class='info'> 
    <ul class="newULClass"> 
     <li><a class="newButtonClass" href="#">Full Site</a></li> 
     <li><a class="newButtonClass" href="#">Feedback</a></li> 
     <li><a class="newButtonClass" href="#">Contact Us</a></li> 
    </ul> 
</div>