DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   Format forme - pomoc (http://www.devprotalk.com/showthread.php?t=8982)

akki 03. 08. 2010. 07:06

Format forme - pomoc
 
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.

Kôd:

<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 03. 08. 2010. 08:28

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

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

akki 03. 08. 2010. 09:44

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

Hvala!

eraser 03. 08. 2010. 09:53

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 08. 08. 2010. 07:06

ev me ev me ev me ;)

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

Kôd:


$(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 09. 08. 2010. 08:23

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

Citat:

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; }


Vreme je GMT +2. Trenutno vreme je 14:13.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.