need some code help

[co.ador]

help style and code the picture below please..

 

 

 

 

[lostprophetpunk]

First of all, can you please say that you wanted some help in actually coding a form like this, and what have you tried already? Do not really rely on other members to code it for you, as the whole point of helping is to help when you come across a problem of actually trying to do something...

 

I have come up with some code for you, but it's up to you to tweak it to your needs.

 

#form { width: 400px; margin: 0 auto; }
#left-side { width: 200px; float: left; }
#right-side { width: 200px; float: right; }
#form input,select { margin-bottom: 10px; }

 

<div id='form'>
<form name='yourformname' action=''>
<div id='right-side'>
  <input type='checkbox' name='example' value='delivery' />Delivery<br />
  <input type='checkbox' name='example' value='eat-in' />Eat-in<br />
  <input type='checkbox' name='example' value='wifi' />Wi-Fi<br />
  <input type='checkbox' name='example' value='buffet' />Buffet<br />
  <input type='checkbox' name='example' value='tv' />Tv<br />
  <input type='checkbox' name='example' value='parking' />Parking<br />
  <input type='checkbox' name='example' value='catering' />Catering<br />
  <input type='checkbox' name='example' value='take-out' />Take Out
</div>
<div id='left-side'>
  Name: <br />
  <input type='text' name='name' /><br />
  Zip Code: <br />
  <input type='text' name='zipcode' /><br />
  County: <br />
  <select name='county'>
   <option value='Bronx'>Bronx</option>
  </select><br />
  Type of Food: <br />
  <select name='food-type'>
   <option value='spanish'>Spanish Food</option>
  </select>  
</div>
</div>

[co.ador]

Thank you I appriciated.

 

you are right my mind is really tired and little lazy..

 

I have come with this... but it's not as i have wanted, because the css was throwing me off. I will teak it if I run into some trouble I will let you know..

 

thank you

 

 

<div id="mainContent">
  
    <div id="baki"align="left">Search for Stores: 
    </div>
    <div id="takeout">
<form name="request_frm" id="request_frm" method="post" action="">
<span class="botton">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','text','src','../button2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#CC3300','movie','../button2' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22" title="text">
    <param name="movie" value="../button2.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#CC3300" />
    <embed src="../button2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#CC3300"></embed>
  </object>
  
  </noscript></span> <p>
   <label class="top" for="name">Name:</label>
  </p>
  <p>
   <label class="top" for="zipcode">
   <span class="barra">
   <input name="name2" type"text" id="name"/>
   </span><br /><br />
   Zip Code:</label>
   <label class="top" for="county"> <span class="barra1">
  <input name="zipcode" type"text" id="zipcode"/></span>
<br/>
  <br/>
  <br/> 
  <br/>
  County:</label>
  <p>
    <span class="barra2">
    <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
      <option>Boston</option>
      <option>Worcester</option>
      <option>Springfield</option>
      <option>Fichtburg</option>
      <option>Gardner</option>
    </select>
    </span>
   <label class="top" for="typeofshoes"> 
<br/>
  <br/> 
  Type of shoes:</label>
    <span class="barra4">
    <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
      <option>Boots</option>
      <option>Sneakers</option>
      <option>Dress Shoes</option>
      <option>Woman Shoes</option>
      <option>Kids Shoes</option>
      <option>Foreign Shoes</option>
     
    
    </select>
    </span>
  </p>
  <div id="ramdons">
    <label>
<span class="delivery">
<input type="checkbox" name="delivery" id="delivery" />
Delivery</span>
<span class="wi-fi">
<input type="checkbox" name="Dressing" id="Dressing Room" /> 
Dressing Room</span>
<span class="eatin"> 
<input type="checkbox" name="Parking" id="Parking" />
Parking</span>

[co.ador]

it display in the center in firefox but in other browser it won't can anybody help me to display in the center for all the browsers?

 

<style type="text/css">
#form23 { width: 400px;  margin: 0 auto; }
#left-side { width: 200px; float: left; }
#right-side { width: 200px; float: right;}
#form input,select { margin-bottom: 10px; }
</style>
<div id='form'>
<form name='yourformname' action=''>
<div id='right-side'>
  <input type='checkbox' name='example' value='delivery' />Delivery<br />
  <input type='checkbox' name='example' value='eat-in' />Eat-in<br />
  <input type='checkbox' name='example' value='wifi' />Wi-Fi<br />
  <input type='checkbox' name='example' value='buffet' />Buffet<br />
  <input type='checkbox' name='example' value='tv' />Tv<br />
  <input type='checkbox' name='example' value='parking' />Parking<br />
  <input type='checkbox' name='example' value='catering' />Catering<br />
  <input type='checkbox' name='example' value='take-out' />Take Out
</div>
<div id='left-side'>
  Name: <br />
  <input type='text' name='name' /><br />
  Zip Code: <br />
  <input type='text' name='zipcode' /><br />
  County: <br />
  <select name='county'>
   <option value='Bronx'>Bronx</option>
  </select><br />
  Type of Food: <br />
  <select name='food-type'>
   <option value='spanish'>Spanish Food</option>
  </select> 
</div>
</div>

[sticks464]

See topic,275152.0.html