<![CDATA[ CSS problem with new register button in IE and Opera - My Forums]]> https://forums.modx.com/thread/?thread=44798 <![CDATA[Re: CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257690 nootkan Sep 24, 2010, 08:12 PM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257690 <![CDATA[Re: CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257689
If you want them to line up horizontally, either enlarge the outer container or make each one smaller until they both fit. If you want them one under the other, don’t float them, or give them enough padding that they no longer fit together.]]> sottwell Sep 18, 2010, 09:36 PM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257689 <![CDATA[Re: CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257688 Here are both screen shot images ( IE 8 ) one is from the right side of the webpage (one I want) and the other is from the left side of the webpage (one I’m trying to fix). The first is from a different website of course but both use the form.css that came with the default content when installing a fresh install of Modx 1.0.4.




Here is my form.css code from the one I’m trying to fix:
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 85%;
	margin: 3px;
}

#sidebarlogin #checkbox_1 {	width: auto; float: right; border: 0 !important;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin #forgotpsswd {
	font-size: 80%;
	display: block;
	float: right;
	margin: 05px 0 0 1px;
}
    
#register {
  float:left;
} 
    
#manager {
  float:left;
}


Here is the original form.css code used in the other website:
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 100%;
}
#sidebarlogin #checkbox_1 {	width: auto; float: right; border: 0 !important;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin #forgotpsswd {
	font-size: 80%;
	display: block;
	float: right;
	margin: 10px 0 0 1px;
}


And here is the loginform code:
<!-- #declare:separator <hr> --> 
<!-- login form section-->
<form method="post" name="loginfrm" action="[+action+]"> 
    <input type="hidden" value="[+rememberme+]" name="rememberme" /> 
    <fieldset>
       <h3>Your Login Details</h3>
        <label for="username">User: <input type="text" name="username" id="username" tabindex="1" onkeypress="return webLoginEnter(document.loginfrm.password);" value="[+username+]" /></label>
    	<label for="password">Password: <input type="password" name="password" id="password" tabindex="2" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" value="" /></label>
    	<input type="checkbox" id="checkbox_1" name="checkbox_1" tabindex="3" size="1" value="" [+checkbox+] onclick="webLoginCheckRemember()" /><label for="checkbox_1" class="checkbox">Remember me</label>
    	<input type="submit" value="[+logintext+]" name="cmdweblogin" class="button" />
	<a href="#" onclick="webLoginShowForm(2);return false;" id="forgotpsswd">Forget Your Password?</a>
                     	<div id="register">{{register}}</div>
                     <div id="manager">{{manager}}</div>
       </fieldset>
</form>
]]> nootkan Sep 18, 2010, 03:05 PM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257688 <![CDATA[Re: CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257687
<!-- login form section-->
<form method="post" name="loginfrm" action="[+action+]">
<input type="hidden" value="[+rememberme+]" name="rememberme" />
<fieldset>
<h3>Your Login Details</h3>
<label for="username">User: <input type="text" name="username" id="username" tabindex="1" onkeypress="return webLoginEnter(document.loginfrm.password);" value="[+username+]" /></label>
<label for="password">Password: <input type="password" name="password" id="password" tabindex="2" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" value="" /></label>
<input type="checkbox" id="checkbox_1" name="checkbox_1" tabindex="3" size="1" value="" [+checkbox+] onclick="webLoginCheckRemember()" /><label for="checkbox_1" class="checkbox">Remember me</label>
<input type="submit" value="[+logintext+]" name="cmdweblogin" class="button" />
<a href="#" onclick="webLoginShowForm(2);return false;" id="forgotpsswd">Forget Your Password?</a>
</fieldset>
</form>
<p>{{register}}</p>
<hr>
]]> nootkan Sep 17, 2010, 09:58 PM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257687 <![CDATA[Re: CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257686 bunk58 Sep 17, 2010, 01:54 AM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257686 <![CDATA[CSS problem with new register button in IE and Opera]]> https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257685 http://www.vanislebc.com/webdev/frugal/]]> nootkan Sep 16, 2010, 09:30 PM https://forums.modx.com/thread/44798/css-problem-with-new-register-button-in-ie-and-opera#dis-post-257685