Hi there ladies and gentlemen,

Just having a few dramas with a layout at the moment.
At the top of this page http://www.gosfordit.com is a logon box that will be linked to a peice of software hosted on the same server, where clients can access invoices / bills etc.

At the moment i have been racking my brains for a solution as to why the two fields (and the login button) will not align to the right. The padding is correct between the top & bottom of the fields, but the location is wrong & as a result the page looks a little off.

I feel as though it may be an issue with the CSS - whenever i align the table that the form is located to the right, the form disappears behind the black gradient - but in the write position.

The CSS is located here: http://www.gosfordit.com/index_files/styles.css

Im assuming this will be a quick fix & am thanking anyone who can assist in advance.

Many thanks.
PCC

I tweaked your styles in the code below. Is this what you were trying to do? Seems ok in FF3 and IE6.

<div id="TopNav" style="height: 100px">
 <span class="style8">
<form> 
   <table align="relative" style="float: right; margin-top:30px">
  <tbody><tr>
    <td>
      <input type="text" class="txt" name="Username"/>
    </td>
    <td><input type="password" class="txt" name="Password"/></td>
    <td><input type="image" value="Submit" src="http://www.gosfordit.com/index_files/login_13.png" name="cmdLogin"/></td>
  </tr>
</tbody></table>
  </form>

 <br/>
 </span>    </div>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.