내 웹 사이트에 메일 칩 뉴스 레터 가입 양식이 표시되는 문제가 수정되었습니다.

Question

내 웹 사이트에 뉴스 레터 구독 상자가 추가되었지만 제대로 표시되지 않습니다. 전자 메일을 입력하는 상자 옆에 구독 버튼을 표시하고 싶습니다. 다음 CSS를 추가했습니다.

#mc_embed_signup_scroll, #mc-submit { 
    display:inline-block; 
} 

그러나 작동하지 않습니다.

http://www.skinmade.com.au/ (바닥 글 참조) 사전에

감사합니다 :)

클레어

Answer 1

자신이 그들을 같은 줄에 렌더링되는 것을 방지 메일 침팬지 CSS에 의해 display:block 스타일되는 입력은. 또한 포함 된 mc_embed_signup_scroll div에는 너비가 설정되어 있지 않으므로 자동 너비가 입력과 나란히 표시 될만큼 충분히 넓지 않으면 단추가 다음 줄로 바뀝니다.

는 같은 줄에 그들을 얻을 입력 요소의 표시 설정을 무시하고, 그들이 한 줄에 맞게 확인하기 위해 포함 사업부에 최소 폭을 설정하려면

#mc_embed_signup input.email, 
#mc_embed_signup input.button { 
    display: inline !important; 
} 
#mc_embed_signup_scroll{ 
    min-width: 350px; 
} 

http://jsfiddle.net/pfwfsq2z/1/