☆ A M B ☆
<img src="[(base_url)]/assets/templates/blue3/images/onr_07.png" /><br /><div class="logintext"> <p><form class="input" action="[~[*id*]~]" method="POST"> <label for="wlpeUsername"><b>Username</b> <input id="wlpeUsername" type="text" name="username" /> </label> </p> <label for="wlpePassword"><b>Password</b> <input id="wlpePassword" type="password" name="password" /> </label> <labelfor="wlpeStayLoggedIn">Stay Logged In <select id="wlpeStayLoggedIn" name="stayloggedin"> <option value="">No</option> <option value="315569260">Forever</option> </select> </label> <fieldset id="wlpeLoginButtons"> <button type="submit" id="wlpeLoginButton" name="service" value="login">Login</button> <button type="submit" id="wlpeReminderButton" name="service" value="forgot">Forgot Password</button> <button type="submit" id="wlpeRegisterButton" name="service" value="registernew">Register</button> </fieldset> </form></div>
.logintext {
color: #003333;
font-weight:bold;
font-size:10px;
text-align: left;
margin-left: 7px;
margin-top: 7px;
}
MODX Staff
...<p><form id="loginform" class="input" action="[~[*id*]~]" method="POST">...
#loginform input, #loginform select{
width:100px;
}
MODX Staff
No, the reason I used an ID vs. a class name is that IDs identify unique elements in a document and Class(es) classify any elements. So in the case of a top level navigation or a Login form you are only ever going to have one on a page so using ID is stronger than having a class. The reason for this is specificity. Another way to look at it is that an ID is like your name it identifies you uniquely but your last name alone could be a class as it identfies you and everyone else who has the last name of whatever. My name is Jay Stephen Gilmore and I am the only one that I know of but there are lots of Gilmore’s. More specific is the ID and more generalised is a class.
Was the difference that the id you used was connected with the class I was already using?
Regarding your login form button you should look at styling buttons here. BTW unless you are using a specific width buttons will get their width from the text of the button. Since Forgot Password is the longest text the button will be widest.
Also, the Forgot Password button is still huge in IE - How do I change that? More of how would I? Just make it a smaller button?
), but ModX still was the best way to go about it 
<p><div style="margin-left: 10px;"><div class="newsbody_frontpage"><div class="newstitle_front"><a href="[~[+id+]~]" class="titlesizefront">[+pagetitle+]</a> <span class="newsby">by <strong>[+author+]</strong> on [+date+]</span></div><div style="text-align: left; margin-left: 15px; margin-right: 2px; margin-top:5px; width: 399px; max-width: 399px;">[[DynamicDescription? &maxWordCount=`50` &id=`[+id+]`]]</div><br/><br/><div class="more"><a href="[~[+id+]~]">Read More</a></div></div></div></p>
