CSS Separated into sections, with select, and text

Bacardo 28 Jun, 2008

Hello, I've solved my issue with the js validation in this post: http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/catid,2/id,9908/#9908

This is the form that i used, I based the css with the form of jamesls in http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/id,2490/catid,7/

This is the source (some text are in Spanish):

<style type="text/css"> 
<!-- 
  legend 
{ 
color:#FFFFFF; 
background:#EB178A; 
margin-left: 8px;
padding: 1px 4px; 
} 
fieldset 
{
	border: 1px solid #EB178A;
	width: 90%;
	background-color:#FDFDFD
} 

label 
{ 
width: 180px; 
float: left; 
text-align: right; 
display: block; 
} 

select { 
margin-left: 200px;
width: 145px; 
text-align: left;  
} 
   
input[type="text"]
{ 
color: #000; 
margin-left: 20px;
border: 1px solid #781351; 
} 
 
input[type="submit"] 
{
margin-left: 200px;	
color: #000;
border: 2px outset #d7b9c9;
background-color: #EAEAEA;
} 
input[type="button"] 
{
color: #000;
border: 1px outset #d7b9c9;
background-color: #FFFFFF;
} 
--> 
</style> 
<span style="font-size: large;"><span style="color: rgb(235, 23, 138);"><i><b>CONTRATACIONES</b></i></span></span><br><br>

<div align="center">
<fieldset><legend><strong>Artista</strong></legend> 
  <p>      <select name="artista">
          <option value="">Elegir Artista</option>
          <option value="damiandp">Damian DP</option>
          <option value="darioef">DarioEF</option>
          <option value="detune">Detune</option>
          <option value="facucruz">Facu Cruz</option>
          <option value="niclerner">Nic Lerner</option>
          <option value="sequence">Sequence</option>
          <option value="thr3shold">Thr3shold</option>
          <option value="tombaudelaire">Tom Baudelaire</option>
        </select>
  </p>      
</fieldset><br>
<fieldset><legend><strong>Evento</strong></legend> 
 <p>    <label for="fecha">Fecha (DD-MM-AAAA):</label>
        <input type="text" name="fechaevento" id="fechaevento">
 </p>
 <p>
        <label for="locacion">LocaciÃ³n:</label>
        <input type="text" name="locacion" id="locacion">
 </p>
 <p>
        <label for="capacidad">Capacidad:</label>
        <input type="text" name="capacidad" id="capacidad">
 </p>
 <p>
        <label for="nombreevento">Nombre del Evento:</label>
        <input type="text" name="nombreevento" id="nombreevento">
 </p>
</fieldset><br>

<fieldset><legend><strong>Contratante</strong></legend> 
<p>
        <label for="nombrecontratante">Nombre:</label>
        <input type="text" name="nombrecontratante" id="nombrecontratante">
</p>
<p>
        <label for="telefono">TelÃ©fono de contacto:</label>
        <input type="text" name="telefono" id="telefono">
</p>
<p>
        <label for="mail">Correo electrÃ³nico:</label>
        <input type="text" name="mail" id="mail" class="required validate-email">
</p>
<p>
        <label for="sitioweb">Sitio web:</label>
        <input type="text" name="sitioweb" id="sitioweb">
</p>
</fieldset><br>
<input type="submit" value="Enviar" />
</div>

And this is how it looks like:

Forums

CSS Separated into sections, with select, and text