일부 버튼의 안감에 도움이 필요합니다.

Question

버튼이 같은 줄에 머무르게 할 수 없습니다. 버튼의 CSS 속성을 거의 비활성화하면 CSS에서 '지우기'와 관련이 있다고 생각합니다 (크롬의 검사 사용). 요소 것) 그들은 마침내 일렬로 세운다. http://framework.aluxian.com/login.php

Answer 1

가 <div>하여 그들을 감싸고을 취소 :

이

는 페이지입니다. 바로 버튼을 누르십시오. clear 여기 난 그냥 내 방화범 시도한 코드 :

<form action="login.php" method="post" id="loginform"> 
<!-- ... --> 
<button style="clear: none;" class="button_colour round_all" id="loginbutton" onclick="document.forms['loginform'].submit();"><!-- ... --></button> 
<button style="clear: none;" class="button_colour round_all" id="registerbutton" onclick="location.href='register.php'"><!-- ... --></button> 
<!-- ... --> 
</form> 

는 그리고 그래, 난 당신이 필요하지 않은 믿는 모든 onclick의

Answer 2

#registerbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

#loginbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

Answer 3

그것은 때문에 년대 clear: both;#loginbutton에 (라인 425) , main.css 스타일 시트에 button (12 행)을 입력하십시오.

둘 다에 대해 해당 속성을 제거하거나 에 clear:none;을 지정하십시오. 이는 button 속성보다 우선합니다. #registerbutton 뒤에 다른 버튼이 추가 된 경우 clear:both;도 추가 할 수 있습니다.

Answer 4

#loginbutton 및 #registerbutton 클래스의 속성을 .button에서 무시하면 버튼이 가로로 정렬됩니다.

#loginbutton, 
#registerbutton { 
    clear: none !important; 
}