Trouble with intergration code not aligning properly

Discussion in 'HTML & Website Design' started by pbhosting, Mar 9, 2008.

0
  1. #1
    im having an issue with some intergration code not alinging properly in website. Ive tried several ways, and it just wont line up. Dan from limitlesshosting.net said i should check with you folks because you would answer quickly.

    here is the code thats not working for me:

    <div id="CONTENT">  
<h2 align="right">Domain Availability</h2>
<form action="http://www.paintballhosting.com/billing/domainchecker.php" method="post"> 
  <div align="right">
    <input type="hidden" name="direct" value="true"> 
    Domain: 
  <input type="text" name="domain" size="20"> 
  <select name="ext">
    <option>.com</option>
    <option>.org</option>
    <option>.net</option>
    <option>.us</option>
    <option>.mobi</option>
  </select>
  <input type="submit" value="Go"> 
  </div>
</form>
     <h2 align="left">Client Login</h2>
     <form method="post" action="http://www.paintballhosting.com/billing/dologin.php?goto=clientarea"> 
       <div align="left">Email Address: 
         <input type="text" name="username" size="25">
         <br>
         Password:  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <input type="password" name="password" size="25">
         <br>
         <input type="submit" value="Login"> 
       </div>
  </form>
</div>
    Code (markup):
    what i want it to do, is put the domain availability checker on the right, and Client log in on the left, on the same line.

    right now its putting one above the other, and i dont want that, clutters the site too much.

    any help would be greatful!! (btw, the site thats still up is the old one, im currently working on a much cleaner, more refined site. please no negative comments :( im trying here! )

    Thanks so much
    James Miller
    Paintball Hosting
     
    pbhosting, Mar 9, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have you solved this yet, in the CSS have you tried floating the one to the left and the other to the right and then clearing the floats after this?
    Here try this it should work:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
.alignleft {float:left;}
.alignright {float:right}
</style>
</head>

<body>
<div id="CONTENT">  
<span class="alignleft">
     <h2 align="left">Client Login</h2>
     <form method="post" action="http://www.paintballhosting.com/billing/dologin.php?goto=clientarea"> 
       <div align="left">Email Address: 
         <input type="text" name="username" size="25">
         <br>
         Password:  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <input type="password" name="password" size="25">
         <br>
         <input type="submit" value="Login"> 
       </div>
  </form></span>
 <span class="alignright">
<h2 align="right">Domain Availability</h2>
<form action="http://www.paintballhosting.com/billing/domainchecker.php" method="post"> 
  <div align="right">
    <input type="hidden" name="direct" value="true"> 
    Domain: 
  <input type="text" name="domain" size="20"> 
  <select name="ext">
    <option>.com</option>
    <option>.org</option>
    <option>.net</option>
    <option>.us</option>
    <option>.mobi</option>
  </select>
  <input type="submit" value="Go"> 
  </div>
</form>
</span>
</div>
</body>
</html>
    Code (markup):
     
    wd_2k6, Mar 10, 2008 IP
  3. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hmm i tried it, but i think i missed something, because its still not working :( it put it down on another line but moved it to the right :( RAWR! i hate working with style sheets :(:mad:
     
    pbhosting, Mar 10, 2008 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can't you post a link..the code i posted works fine for me? Or PM me your URL if you don't want to post it in the thread.

    Seriously if you copy and paste this onto a seperate document it should come up how you want.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
.alignleft {float:left;}
.alignright {float:right;}
</style>
</head>

<body>
<div id="CONTENT">  
<span class="alignleft">
<h2>Client Login</h2>
     <form method="post" action="http://www.paintballhosting.com/billing/dologin.php?goto=clientarea"> Email Address: 
         <input type="text" name="username" size="25">
         <br>
         Password:  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <input type="password" name="password" size="25">
         <br>
         <input type="submit" value="Login"> 
  </form></span>
 <span class="alignright">
<h2>Domain Availability</h2>
<form action="http://www.paintballhosting.com/billing/domainchecker.php" method="post"> 
    <input type="hidden" name="direct" value="true"> 
    Domain: 
  <input type="text" name="domain" size="20"> 
  <select name="ext">
    <option>.com</option>
    <option>.org</option>
    <option>.net</option>
    <option>.us</option>
    <option>.mobi</option>
  </select>
  <input type="submit" value="Go"> 
</form>
</span>
</div>
</body>
</html>
    Code (markup):
     
    wd_2k6, Mar 10, 2008 IP
  5. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    paintballhosting.com/index2.html

    thats the file as i have it now.

    style sheet is located at

    paintballhosting.com/images/styles1.css

    James (sorry for the delay, i thought it posted but apparently im not special enough for links :( )
     
    pbhosting, Mar 10, 2008 IP
  6. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You have to define this in your stylesheet:

    .alignleft {float:left;}
    .alignright {float:right;}
     
    wd_2k6, Mar 10, 2008 IP
  7. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    ok so i put it in the style sheet, its still messed up :(

    also now my main text area is all blown outta wack *grumbles* wheres my hammer when i need it!!

    Edit: also uploaded the new changes, no effect ;(
     
    pbhosting, Mar 10, 2008 IP
  8. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #8
    lol i still can't see it in your stylesheet?
    the stylesheet located in paintballhosting.com/images/styles1.css doesnt show this:

    .alignleft {float:left;}
    .alignright {float:right;}

    in it anywhere at all?
     
    wd_2k6, Mar 10, 2008 IP
  9. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    sorry, check it now. i uploaded both changes. i edit my files in dreamweaver, do the test preview before i upload anything, and it didnt fix it at all :( i love this template, but its just a pain!

    EDIT: fixed the bottom text being outta wack :)

    edit again: ok so apparently im stupid. i fixed the style sheet. it lines up right, but now, when i try to center the word Welcome, it shoves it like WAYYYY right.. *grumbles* im startin to get a headache! :)
     
    pbhosting, Mar 10, 2008 IP
  10. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Did you upload the stylesheet again because i still can't see them in there lol i'm sure it will work!!
     
    wd_2k6, Mar 10, 2008 IP
  11. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #11
    all of the changes have been uploaded :) it should work now i hope, but i cant get the darn welcome to center!
     
    pbhosting, Mar 10, 2008 IP
  12. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Yes it's working now. :)
    OK to center the Welcome text do this:

    1. Add this to your stylesheet:
    .clear {clear:both;}

    Save changes and upload.

    2. Then after the domain box and before the <h2>welcome</h2> add this: <div class="clear"></div>
     
    wd_2k6, Mar 10, 2008 IP
  13. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #13

    IT WORKS!!!!! holy batman! thank you so much! i guess dan was right bout u guys, someone would know the exact answer and would be patient enough to work with me.. hehe..

    want a job? lol :D:D
     
    pbhosting, Mar 10, 2008 IP
  14. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #14
    haha i am a total begginer mate, i'm always asking for help like you and thought it was about time i try to help some people myself and give back! If you have any other trouble let me know, what is the job :p do i get a free domain :)
     
    wd_2k6, Mar 10, 2008 IP
  15. pbhosting

    pbhosting Guest

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #15

    contact me off of here :) we can discuss things. im online on the messengers
     
    pbhosting, Mar 10, 2008 IP