Results 1 to 3 of 3

Thread: How do I force a search form not to appear on a new line

  1. #1
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How do I force a search form not to appear on a new line

    I am in the throes of moving my site away from tables but I am unable to find any help with my current problem. My header currently has three columns (Left a swf with a width of 225 px)(center a swf with a width of 280 px) these are fine but when I add the last object which is a "freefind" form it takes up a complete new line.
    I want these three items to show in a line as my header Left, center and right.
    I am obviously missing something any ideas please?

    Code:
    <style type="text/css">
    html,body{margin:0;padding:0}
    body{font: 76% arial,sans-serif;text-align:left}
    p {margin:10 5px 10px}
    a {color: #981793;padding:0px}
    div#header h1{height:80px;line-height:80px;
    margin:0;padding-left:10px;
    background: #EEE;color: #79B30B}
    div#horizontal{margin:0}  
    div#container{text-align:left}
    div#content p{line-height:1.4}
    div#navigation{line-height:inherit;background: #ffffff}
    div#extra{background: #FFFFFF}
    div#footer{background: #FFF;}
    div#footer p{margin:0;padding:5px 10px}
    
    div#container{width:785px;margin:0 auto}
    div#containerhead{width:785px;margin:0 auto}
    div#horizontal{width:785px;margin:0 auto}
    div#content{float:right;width:620px}
    div#navigation{float:right;width:165px;margin:0 auto}
    div#extra{clear:both;width:785px}
    p.imageleft img { /* Image Left - Text Right */
         float: left;
         clear:left;
         padding-right: 1em;
         padding-bottom: 1em;
    }
    p.imageleft { clear:both }
    p.imageright img { /* Image Right - Text Left */
         float: right;
         clear: right;
         padding-left: 1em;
         padding-bottom: 1em;
    }
    p.imageright { clear:both }
    </style>
    Code:
    <div id="header">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="225" height="73" title="Sunny Benal_Life.com where the sun always has his hat on">
        <param name="movie" value="/images/2007_design/sunny.swf">
        <param name="quality" value="high">
        <embed src="/images/2007_design/sunny.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="225" height="73"></embed>
      </object>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="280" height="80" title="A flavour of Benalmadena and Arroyo de la Miel on Spain's Costa del Sol">
        <param name="movie" value="/images/2007_design/pics.swf">
        <param name="quality" value="high">
        <embed src="/images/2007_design/pics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="80"></embed>
      </object>
    <FORM ACTION="http://search.freefind.com/find.html" METHOD="GET" accept-charset="utf-8" target="_self">
    <FONT size=1 face="arial,helvetica" >
    <INPUT TYPE="HIDDEN" NAME="id" VALUE="24407246">
    <INPUT TYPE="HIDDEN" NAME="pageid" VALUE="r">
    <INPUT TYPE="HIDDEN" NAME="mode" VALUE="ALL">
    <INPUT type="HIDDEN" name="n" value="0">
    <INPUT TYPE="HIDDEN" NAME="_charset_" VALUE="">
    <INPUT TYPE="HIDDEN" NAME="bcd" VALUE="÷">
    <INPUT TYPE="TEXT" NAME="query" SIZE="15"><small> 
    <INPUT TYPE="SUBMIT" VALUE=" Find "><br>
    </small>powered by <A HREF="http://www.freefind.com">
    FreeFind</A></font></FORM>

  2. #2
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I apologise if this is as I expect a simple question, but being a newbie I have read all that I can, I have tried absolute positioning and I have tried using a list inline but the search script insists on taking its own line

  3. #3
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Easy when you know how

    Ok, I was right and it was too simple to merit an answer, but for anyone else trying to do this, this is how I did it:
    Code:
    div.float {
      float: left;
      padding-left: 2em;
      padding-top: 1em;
      }
    HTML
    Code:
    <div class="float">" first swf object" </div>
    <div class="float">"second swf object"</div>
    <div class="float">"form script"</div>
    I am trying

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
  •