Format forme - pomoc

[akki]

Poz,

Imam problem sa formatiranjem kontakt forme, svasta nesto sam pokusao ali mi ne ide od ruke, pa bi zamolio ako moze neko da mi pomogne.

http://www.computerfields.com/contact-us/

Pickup Time title mi je uvek skupljen.

<form method="post" class="cForm"> 
<table style="width:70%; background-color:; border:2px  #FFFFFF; padding:10px; font-size:13px;" class="contactForm"> 
<tr> 
<td width="179" style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; {$name[3]}">{$name[0]}</td> 
<td colspan="3" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="{$name[1]}" value="{$name[2]}" size="40" /></td> 
</tr> 
<tr> 
<td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; {$email[3]}">{$email[0]}</td> 
<td colspan="3" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="{$email[1]}" value="{$email[2]}" size="40" /> {$email[4]}</td> 
</tr> 
<tr> 
<td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; {$subject[3]}">{$subject[0]}</td>
<td colspan="3" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="{$subject[1]}" value="{$subject[2]}" size="40" /></td>
</tr> 
<tr> 
<td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; {$message[3]}">{$message[0]}</td>
<td colspan="3" style="text-align:left; vertical-align:top; padding:5px;"><textarea name="{$message[1]}" cols="60" rows="4">{$message[2]}</textarea></td> 
</tr> 
<tr> 
  <td colspan="4" style="width:25%; text-align:left; vertical-align:top;"><div align="center">If you require call back or to schedule pickup of your computer please fill out fields bellow. <br />We will call you back to confirm submited information.</div></td> 
  </tr> 
<tr>
<td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; "><strong>Address</strong></td> 
<td width="232" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="city" size="20" value="" /></td> 
<td width="115" style="text-align:left; vertical-align:top; padding:5px;"><div align="right"><strong>Phone</strong></div></td> 
<td width="222" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="phone" size="20" value="" /></td> 
</tr> 
<tr> 
<td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; "><strong>Pickup time</strong></td> 
<td style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="time" size="20" value="" /></td> 
<td style="text-align:left; vertical-align:top; padding:5px;"><div align="right"><span style="width:25%; text-align:left; vertical-align:top; font-weight:bold;"><strong>Pickup date</strong></span></div></td> 
<td style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="date" size="20" value="" /></td> 
</tr> 
<tr><td style="width:25%; text-align:right; vertical-align:top; padding:5px; font-weight:bold; {$security[3]}">{$question}?</td> 
<td colspan="3" style="text-align:left; vertical-align:top; padding:5px;"><input type="text" name="{$security[1]}" value="" size="4" />  
   
Answer the question to prove you are human and not a spam bot.</td> 
</tr> 
<tr> 
<td colspan="4" style="text-align:left; vertical-align:middle; padding:5px; font-size:90%; font-weight:bold;"><span style="text-align:center; vertical-align:middle; padding:5px;"></span><span style="text-align:center; vertical-align:middle; padding:5px;"> 
<right></right> 
</span> 
<right><div align="center"> 
  <span style="text-align:right; vertical-align:middle; padding:5px;"> 
    <input type="submit" name="submit" value="Submit" style="border:1px solid #999;background:#E4E4E4;margin-top:5px;" /> 
      </span> 
  <div align="right"></div> 
  </div> 
  </right> 
<span style="text-align:center; vertical-align:middle; padding:5px;"></span><span style="text-align:center; vertical-align:middle; padding:5px;"></span></td> 
</tr> 
<tr> 
<td colspan="4" style="text-align:center; vertical-align:middle; padding:5px;">&nbsp;</td> 
</tr> 
</table> 
 
 
 
 
 
 
<input type="hidden" name="question" value="6+3"> 
<input type="hidden" name="check" value=""> 
</form>

Hvala unaprijed!

[eraser]

Najbrze resenje je da malo povecas tabelu.
Probao sam da je sa 70% povecam na 73% i prikazuje se sve u jednom redu.

<table style="width:73%; background-color:; border:2px  #FFFFFF; padding:10px; font-size:13px;" class="contactForm">

[akki]

Moze,.... ako ti nije mrsko pogledaj na sajtu, pa ako imas jos neki predlog , za finiji izgleda reci

Hvala!

[eraser]

Pa sta znam, sajt izgleda korektno, vidim da si sve provere prilikom unosa uradio, osim za ovo polje za broj telefona i mozda ideja da za date polje, stavis neki kalendarcic, odakle ce korisnik da bira vrednost.

[akki]

ev me ev me ev me

stavio sam date picker , ali imam jedan problem,...

$(function() {
		$("#datepicker").datepicker();
		$("#datepicker").datepicker("option", "dateFormat", 'd. MM, yy');
	});

Cim ubacim opciju za format datuma, citava mi se strana izduzi, kako kliknem da date field, ona se vrati u normalu,...

http://www.computerfields.com/contact-us/

imate ideju?

Hvala

p.s. evo trazim i time picker, al nikako da naletim na slican ovome date-u,... ako imate predlog- hvala

[akki]

Evo i odgovor na moje predhodno pitanje, mozda nekom posluzi!

The datepicker popup div is not initially hidden, only moved off the screen. Just add the following CSS:

Copy code

1. #ui-datepicker-div { display: none; }