login  Naam:   Wachtwoord: 
Registreer je!
 Forum

contact formulier (Opgelost)

Offline jarrik - 21/02/2009 14:40
Avatar van jarrikNieuw lid Hallo iedereen,
Betreffende het volgende contact formulier:
http://www.devuurtoren.be/contact/contact.php
Ik zou die vakjes waarin je je gegevens moet ingeven allemaal mooi ondereen willen hebben. Hoe doe ik dit ?

Alvast bedankt !

10 antwoorden

Gesponsorde links
Offline mothh - 21/02/2009 14:57 (laatste wijziging 21/02/2009 14:58)
Avatar van mothh Onbekend gebruik tabellen of div's
en anders kan je het ook nog zo doen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. voornaam:<div style="margin-left: 40px;"><strong><input name="naam" maxlength="999" size="30" type="text"></strong></div>
  2.  
  3. 				achternaam:<div style="margin-left: 40px;"><strong><input name="website" maxlength="999" size="30" type="text"></strong></div>
  4.  
  5. 				e-mailadres:<div style="margin-left: 40px;"><strong><input name="bedrijf" maxlength="999" size="30" type="text"></strong></div>
  6.  
  7. 				onderwerp:<div style="margin-left: 40px;"><strong><input name="plaatje" maxlength="999" size="30" type="text"></strong></div>
  8.  
  9.  
  10. 				tekst: <br>
  11. <div style="margin-left: 40px;"><strong><textarea cols="30" rows="5" name="opmerking">vul hier uw vragen en/of opmerkingen in</textarea></strong></div>
  12.                 <div style="margin-left: 40px;"><input value="Verzenden" name="verzenden" type="submit"></div>
Offline jarrik - 21/02/2009 15:08
Avatar van jarrik Nieuw lid Bedankt !
Ik heb dit toegepast en het ziet er al veel beter uit !
Nog 2 kleine vraagjes.
Nu heb je:
Naam:
TEKSTVAK
Ik zou liever hebben:
Naam: TEKSTVAK
Hoe kan ik hiervoor zorgen ? Of gaat dit niet ?

Het zou ook leuker zijn als je op "Vul hier uw vragen en/of opmerkingen in" dat die tekst dan verdwijnt en de mensen hun commentaar kunnen typen. Hoe doe ik dit ?

Mvg,

Jarrik
Offline ranco - 21/02/2009 15:49 (laatste wijziging 21/02/2009 15:49)
Avatar van ranco PHP gevorderde in je code dit vervangen:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="foto_kader"><img src="../img/lighthouse.jpg" alt="avatar" height="250" width="400"/>

Door
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="foto_kader"><img src="../img/lighthouse.jpg" alt="avatar" height="250" width="600"/>


Ik heb je width waarde aangepast, mocht de website alles nog onder elkaar zetten, dan moet je deze waarde nog hoger zetten.
Offline jarrik - 21/02/2009 16:04
Avatar van jarrik Nieuw lid
ranco schreef:
in je code dit vervangen:
[..code..]
Door
[..code..]

Ik heb je width waarde aangepast, mocht de website alles nog onder elkaar zetten, dan moet je deze waarde nog hoger zetten.


Dit werkt niet. Als ik dit doe wordt het fotokader veel breder en aan de rest verandert er niets ...
Offline Seawolf1979 - 21/02/2009 16:37
Avatar van Seawolf1979 Nieuw lid Het gemakkelijkste volgens mij om zoiets te doen is een tabel gebruiken
Offline mothh - 21/02/2009 17:30 (laatste wijziging 21/02/2009 17:54)
Avatar van mothh Onbekend uuuhm hoe bedoel je dat?


jarrik schreef:
Bedankt !
Ik heb dit toegepast en het ziet er al veel beter uit !
Nog 2 kleine vraagjes.
Nu heb je:
Naam:
TEKSTVAK
Ik zou liever hebben:
Naam: TEKSTVAK
Hoe kan ik hiervoor zorgen ? Of gaat dit niet ?

Het zou ook leuker zijn als je op "Vul hier uw vragen en/of opmerkingen in" dat die tekst dan verdwijnt en de mensen hun commentaar kunnen typen. Hoe doe ik dit ?

Mvg,

Jarrik
Offline jarrik - 21/02/2009 19:05
Avatar van jarrik Nieuw lid Ik bedoel dat ik het teskt vak waar de mensen hun gegevens kunnen invullen naast de naam zou willen hebben en niet onder de naam zoals bij mij

zie: Contactformulier
Offline Koen - 22/02/2009 09:35
Avatar van Koen PHP expert
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action="actie.php" method="post">
  2. Voornaam:<div style="margin-left: 115px; margin-top: -16px;"><strong><input type="text" size="30" maxlength="999" name="naam"/></strong></div>
  3. Achternaam:<div style="margin-left: 115px; margin-top: -16px;"><strong><input type="text" size="30" maxlength="999" name="website"/></strong></div>
  4.  
  5. E-mailadres:<div style="margin-left: 115px; margin-top: -16px;"><strong><input type="text" size="30" maxlength="999" name="bedrijf"/></strong></div>Onderwerp:<div style="margin-left: 115px; margin-top: -16px;"><strong><input type="text" size="30" maxlength="999" name="plaatje"/></strong></div>
  6. Tekst: <br/>
  7.  
  8.  
  9. <div style="margin-left: 115px; margin-top: -16px;"><strong><textarea name="opmerking" rows="5" cols="30">Vul hier uw vragen en/of opmerkingen in</textarea></strong></div>
  10.  
  11.  
  12.                 <br/><div style="margin-left: 115px; margin-top: -16px;"><input type="submit" name="verzenden" value="Verzenden"/></div>
  13.  
  14. </form>


Je tekstvelden worden nu 16 pixels naar boven geschoven en ze blijven mooi onder elkaar staan. (Dit bekom je door de eigenschap 'margin-top' een negatieve waarde mee te geven)

Je tweede vraag los je op met Javascript:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <textarea onfocus="this.value = (this.value == 'Vul hier uw vragen en/of opmerkingen in') ? '' : this.value;" name="opmerking" rows="5" cols="30">Vul hier uw vragen en/of opmerkingen in</textarea>
Offline mothh - 22/02/2009 13:16 (laatste wijziging 22/02/2009 13:16)
Avatar van mothh Onbekend nu snap ik wat je bedoeld
je kan dit simpel oplossen door tabellen te gebruiken
maar ik zou dit zo houden komt professioneel over!


en ik zou tekst vervangen door opmerkingen
Offline jarrik - 22/02/2009 18:26
Avatar van jarrik Nieuw lid Bedankt voor de reacties ! Het is opgelost nu !
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.337s