SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    form/CSS problem

    I believe this is a problem with the CSS and form container.

    I am trying to get the textbox and search button on the same line as the navigation. Everything that I have tried has failed.

    http://www.cqubed.org

    Anyone have any suggestions?

    Thanks

    Chuck
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com

  2. #2
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    					<div style="text-align:left"><a href="index.php">home</a> | photos | <a href="archive.php">archives</a> | links &nbsp;</div> <div style="text-align:right;display:inline"><form name="searchform" method="get" action="/index.php"> <input type="text" name="s" size="15" />&nbsp;<input type="submit" name="submit" value="search" /></form></div>
    The second div goes under the first div.

    Try this:
    Code:
    <div style="text-align:right;"><div style="text-align:left; float: left; width: 13em"><a href="index.php">home</a> | photos | <a href="archive.php">archives</a> | links &nbsp;</div> <form name="searchform" method="get" action="/index.php"> <input type="text" name="s" size="15" />&nbsp;<input type="submit" name="submit" value="search" /></form></div>
    That width may be buggy, may need to be bigger or smaller.

    hth,
    Douglas
    Hello World

  3. #3
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DougBTX
    Code:
    					<div style="text-align:left"><a href="index.php">home</a> | photos | <a href="archive.php">archives</a> | links &nbsp;</div> <div style="text-align:right;display:inline"><form name="searchform" method="get" action="/index.php"> <input type="text" name="s" size="15" />&nbsp;<input type="submit" name="submit" value="search" /></form></div>
    The second div goes under the first div.

    Try this:
    Code:
    <div style="text-align:right;"><div style="text-align:left; float: left; width: 13em"><a href="index.php">home</a> | photos | <a href="archive.php">archives</a> | links &nbsp;</div> <form name="searchform" method="get" action="/index.php"> <input type="text" name="s" size="15" />&nbsp;<input type="submit" name="submit" value="search" /></form></div>
    That width may be buggy, may need to be bigger or smaller.

    hth,
    Douglas
    Thanks! It fixed it in Mozilla, in IE it's got a big gap.. any idea's how to get rid of that? It's just plain ugly in Opera..
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •