html Code

Status
Niet open voor verdere reacties.
V

vanrooijen

Gebruiker
Lid geworden
7 jan 2007
Berichten
16
Hallo

Ik speel wat met codes en scripts en heb er nog weinig kijk op. Vandaar de volgende vraag.
Als je achter een artikel in een formulier een keuze vakje zet met het aantal stuks waar je uit kunt kiezen dan komt dit keuze vakje direct achter het artikel te staan.

elk artikel bestaat uit een verschillend aantal letters dus deze keuze vakjes komen dus niet recht onder elkaar. Nou zal het vast vrij makkelijk zijn om dit op te lossen maar ik weet het niet.
Ik hoop dat iemand mij dat kan vertellen

vr gr m.v.Rooijen
 
vanrooijen wat heb je al precies van code ?
kan je even posten. Kan ik even zien wat ik kan doen.

Naarwat ik lees denk ik dat je dit kan oplossen via CSS.
 
code

Hallo

Hier onder de code welke ik deels gevonden heb op het net en deels heb aangepast omdat een formulier verzenden via frontpage niet werkte.
Is nog niet helemaal in orde maar ok



<form name="formulier" action="mailto:marco@bodycontroltynaarlo.nl?subject=formulier" method="post"
enctype="text/plain">
Naam :<input type="text" name = "naam" size="30"<hr>
Straat :<input type="text" name = "straat" size="30"<hr>
Num- :<input type="text" name = "nr " size="4"><hr>
Postc :<input type="text" name = "postnr" size="4" maxlength="4"<hr>
Gem. :<input type="text" name = "gemeente" size="30"><hr>

Keuzerondjes : slechts één keuze mogelijk.<br>
<input type="radio" name="rondje" value="1" checked>Bezorgen<br>
<input type="radio" name="rondje" value="2">Halen<br>
<input type="radio" name="rondje" value="3">Opsturen<hr>
Aankruisvakjes : meerdere keuzes mogelijk.<br>
<input type="checkbox" name="a_keuze">wafel<select name="Wafel" size=1 v:shapes="_x0000_s2397">
<option selected value=->-</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Repen<select name="Repen" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Pannekoek<select name="Pannekoek" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Purree<select name="Purree" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Shake<select name="Shake" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Nootjes<select name="Nootjes" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Brood<select name="Brood" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Soep<select name="KEUZELIJST_1" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Desert<select name="KEUZELIJST_1" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><br>
<input type="checkbox" name="a_keuze">Ommelet<select name="KEUZELIJST_1" size=1 v:shapes="_x0000_s2397">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
</select><hr>
Opmerkingen :<br>
<textarea name="commentaar" cols="40" rows="3" wrap="virtual">Opmerking:</textarea><br><hr>
<input type="submit" value="Formulier versturen">
<input type="reset" value="Formulier wissen"><hr>
</form>
 
Lijkt me dat je in dit geval je data in een tabel weer moet geven, die zorgt automatisch dat alles onder elkaar komt; kijk maar naar dit voorbeeld:
HTML: 
<table>
  <tr>
    <td>Kort</td>
    <td><input type="checkbox" /></td>
  </tr>
  <tr>
    <td>En deze is best wel lang</td>
    <td><input type="checkbox" /></td>
  </tr>
</table>

Voor de duidelijkheid:
<table> opent een nieuwe tabel
<tr> begint een nieuwe rij
<td> is een cel in die rij

Zie ook:
http://www.w3schools.com/html/html_tables.asp

Overigens kun je in het vervolg beter even een
HTML: 
 tag om je code heen zetten, dan wordt ie netjes geformatteerd :)

Succes!
 
Een BBcode tag.

Als je om een stuk text
HTML: 
 heenzet, dan wordt het geformatteerd als HTML. Kijk maar in het blokje in mijn stukje; dat wordt automatisch gekleurd omdat ik het zo neer zette:

[ html ]
<table>
  <tr>
    <td>Kort</td>
    <td><input type="checkbox" /></td>
  </tr>
  <tr>
    <td>En deze is best wel lang</td>
    <td><input type="checkbox" /></td>
  </tr>
</table>
[ /html ]

als je dus de spaties in [ html ] weg laat, komt het er zo uit te zien:

[html]
<table>
  <tr>
    <td>Kort</td>
    <td><input type="checkbox" /></td>
  </tr>
  <tr>
    <td>En deze is best wel lang</td>
    <td><input type="checkbox" /></td>
  </tr>
</table>

Op die manier is het veel beter te lezen dan wanneer je het er gewoon in zet.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan