Toon posts:

Pagina opbouw ziet er niet uit zo als ik het wil

Pagina: 1
Acties:
  • 106 views sinds 30-01-2008

zondag 9 mei 2004 15:12

Acties:

Verwijderd

Topicstarter
Dit is een contact form van een site waar mee ik bezig bent.

Afbeeldingslocatie: http://www.wmi.nu/forum/zo-moet-hij-zijn.gif

Het ziet er ook uit zo als het moet..............., maar als ik op verzenden drukt, dan
gaat het er uit zien zo als hier onder

Afbeeldingslocatie: http://www.wmi.nu/forum/nou-snap-ik-er-geen-hol-mee.gif
Ik ben al een paar dagjes er mee bezig, er zatten eerst nog meer problemen in, maar
die zijn er gelukig uit, maar dit probleempje blijf ik mee vast zitten.

Dit is de content.php pagina
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

<?php
<TABLE cellSpacing="0" cellPadding="0" width="760" align="center" border="0">
  <TBODY>
    <TR>
      <TD width="40" height="29" class="framebg-8"></TD>
      <TD width="720" height="29" class="framebg-2"></TD>
      <TD width="40" height="29" align="right" class="framebg-7"></TD>
    </TR>
  </TBODY>
</TABLE>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <th width="30" height="88" class="framebg-3" scope="col"></th>
      <th width="381" height="88" class="werkhandschoenen" scope="col"></th>
      <th width="349" height="88" class="Avanti-2b" scope="col"></th>
    </tr>
</table>
  <TABLE cellSpacing="0" cellPadding="0" width="760" align="center" border="0">
    <TBODY>
      <TR>
        <TD width="630" vAlign="top" class="framebg-3"><table width="630" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th width="30" scope="col"></th>
            <th width="570" scope="col">
              <?php  

if(isset($_GET["pagina"])) 
{ 
   include("template/" . $_GET["pagina"] . ".php"); 
} 
else 
{ 
   include ("template/start.php");    
}   
?>
            </th>
            <th width="30" scope="col"></th>
          </tr>
        </table></TD>
        <TD width="130" class="framebg-0" align="center" vAlign="top"><table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <th width="130" height="200" class="Navbg" scope="col"></th>
            </tr>
          </table>
        </TD>
      </TR>
    </TBODY>
  </TABLE>
  <TABLE cellSpacing="0" cellPadding="0" width="760" align="center" border="0">
    <TBODY>
      <TR>
        <TD width="25" height="35" class="framebg-5"></TD>
        <TD width="230" height="35" class="framebg-4"></TD>
        <TD width="250" height="35" align="center" valign="bottom" class="framebg-4"><table border="0" cellpadding="2" cellspacing="0">
          <tbody>
            <tr>
              <td width="250" height="16"><div align="center"><a href="http://www.wmi.nu" class="WMILink">&copy; 2004 Webmedia International</a></div></td>
            </tr>
          </tbody>
        </table></TD>
        <TD width="215" height="35" align="right" class="framebg-4"></TD>
        <TD width="40" height="35" align="right" class="framebg-9"></TD>
      </TR>
    </TBODY>
</TABLE>

?>



Dit is de contact.php pagina:
]
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193

<?php
<?php 
function controleerEmail($mail){ 
        $expr = "^([a-z0-9]+)([-_.]?[0-9a-z]+)*(\@)([-\.0-9a-z]{2,})(\.)([a-z]{2,4})$"; 
        $rx = eregi($expr,$mail,$regs); 
        if ($rx){ 
                return 0; 
        } else { 
                return 1; 
        } 
} 
$status = ""; 
if ($x != "" && $y != "" ) { 
   $status = "goed"; 
   if ($_POST[Naam] == "") { 
      $status = "fout"; 
      $fout[] = "Naam"; 
   } 
   if ($_POST[Adres] == "") { 
      $status = "fout"; 
      $fout[] = "Adres"; 
   } 
   if ($_POST[Postcode] == "") { 
      $status = "fout"; 
      $fout[] = "Postcode"; 
   } 
   if ($_POST[Plaats] == "") { 
      $status = "fout"; 
      $fout[] = "Woonplaats"; 
   } 
   if (controleerEmail($_POST[Email]) == "1") { 
      $status = "fout"; 
      $fout[] = "E-mail"; 
   } 
      if ($_POST[Telefoonnummer] == "") { 
      $status = "fout"; 
      $fout[] = "Telefoonnummer"; 
   } 
      if ($_POST[textarea] == "") { 
      $status = "fout"; 
      $fout[] = "Tekst"; 
   } 
} 
?>
<div>
<table width="630" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="500" scope="col"><?php if ($status == "goed") {?>
          <br>
          <br>
          <span class="AvantiTekst">Wij bedanken u voor het versturen van uw aanvraag.<br>
          U krijg hierop zo spoedig mogelijk antwoord.</span><br><br>
          <a href="index.php?pagina=start">[img]"images/doorgaan.gif"[/img]</a><br>
          <br>        
      <?php
    mail("test@wmi.nu", "[ Reaktie van E-mail formulier ]", 
    "[Tekst]\n\n".$_POST[textarea]
    ."\n\n[Naam van bedrijf]\n - ".$_POST[bedrijfsnaam]
    ."\n\n\n[Naam]\n - ".$_POST[select]." ".$_POST[Naam]
    ."\n\n[Adres]\n - ".$_POST[Adres]
    ."\n\n[Postcode]\n - ".$_POST[Postcode]
    ."\n\n[Woonplaats]\n - ".$_POST[Plaats]
    ."\n\n[Telefoonnummer]\n - ".$_POST[Telefoonnummer]
    ."\n\n[Fax]\n - ".$_POST[Faxnummer]
    ."\n\n\n========================================================"
    ."\nIp: ".$REMOTE_ADDR
    ."\nProvider: ".gethostbyaddr($REMOTE_ADDR)
    ."\nBrowser: ".$HTTP_USER_AGENT
    ."\n\nServer Software: ".$SERVER_SOFTWARE
    ,"From:".$_POST[Email]."");
} else {
    if ($status == "fout") { ?>  </th>
  </tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="0" class="fout">
    <tr> 
      <td width="500" align="center" valign="top">     
          <br><br>
          <span class="AvantiTekst">We kunnen uw bericht niet versturen.<br>
          U bent vergeten de onderstaande gegevens in te vullen.</span><br><br>
          <ul type="square">
            <?php $i = 0; while ($fout[$i]) {
            //echo $fout[$i];
            echo "<tr>\n";
            echo "<td>\n";
            echo "<li class=\"puntjes\">$fout[$i]</li><span class=\"puntjes\">";
            echo "</td>\n";
            echo "</tr>\n";
            $i++;
        }
    }
        ?>
          </ul></td>
    </tr>
  </table>
  <table border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <th width="500" scope="col"><form name="form" method="post" action="index.php?pagina=contact">
        <div align="center"><br>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="115" height="25" valign="top"><small class="AvantiTekst">&nbsp;Naam van bedrijf :</small></td>
              <td width="385" height="25" valign="top">
                <input name="bedrijfsnaam" type="text" class="form" id="bedrijfsnaam" style="width:100%" value="<?php echo $_POST[bedrijfsnaam];?>" maxlength="59"></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
                    <td width="115" height="25" valign="top"><small class="AvantiTekst">&nbsp;Naam:</small></td>
              <td width="385" height="25" valign="top"> <table border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td width="20"> 
                      <select name="select" class="form" value="">
                        <option value="0" <?php if ($_POST[select] == "0") {echo "selected";}?>></option>
                        <option value="Dhr." <?php if ($_POST[select] == "Dhr.") {echo "selected";}?>>Dhr.</option>
                        <option value="Mevr." <?php if ($_POST[select] == "Mevr.") {echo "selected";}?>>Mevr.</option>
                      </select></td>
                    <td width="12">&nbsp;</td>
                    <td width="353"> 
                      <input name="Naam" type="text" class="form" id="Naam" style="width:100%" value="<?php echo $_POST[Naam];?>" maxlength="59"></td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="115" height="25" valign="top"><small class="AvantiTekst">&nbsp;Adres:</small></td>
              <td width="385" height="25" valign="top">
                <input name="Adres" type="text" class="form" id="Adres" style="width:100%" value="<?php echo $_POST[Adres];?>" maxlength="59"></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="115" height="25" valign="top" class="AvantiTekst">&nbsp;PC &amp; Woonplaats:</td>
              <td width="385" height="25" valign="top"> <table border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td width="80"> 
                      <input name="Postcode" type="text" class="form" id="Postcode" style="width:100%" value="<?php echo $_POST[Postcode];?>" maxlength="10"></td>
                    <td width="12">&nbsp;</td>
                    <td width="293"> 
                      <input name="Plaats" type="text" class="form" id="Plaats" style="width:100%" value="<?php echo $_POST[Plaats];?>" maxlength="59"></td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="115" height="25" valign="top"><small class="wmi-link">&nbsp;<span class="AvantiTekst">E-mail:</span></small></td>
              <td width="385" height="25" valign="top"> 
                <input name="Email" type="text" class="form" id="Email" style="width:100%" value="<?php echo $_POST[Email];?>" maxlength="59"></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="115" height="25" valign="top"><small class="AvantiTekst">&nbsp;Telfoon nr.:</small></td>
              <td width="385" height="25" valign="top"> <table border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td width="150">
                      <input name="Telefoonnummer" type="text" class="form" id="Telefoonnummer2" style="width:100%" value="<?php echo $_POST[Telefoonnummer];?>" maxlength="30"></td>
                    <td width="12">&nbsp;</td>
                    <td width="61"><small class="AvantiTekst">Fax nr.:</small></td>
                    <td width="12">&nbsp;</td>
                    <td width="150"> 
                      <input name="Faxnummer" type="text" class="form" id="Faxnummer" style="width:100%" value="<?php echo $_POST[Faxnummer];?>" maxlength="30"></td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <table border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="115" valign="top"><small class="AvantiTekst">&nbsp;Tekst:</small></td>
              <td width="385" valign="top"><textarea name="textarea" cols="45" rows="4" class="form" style="width:100%" value="<? echo $_POST[textarea];?>"></textarea><br>
                <br></td>
            </tr>
          </table>
          <table width="500" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <th width="180" height="16" scope="col"></th>
              <th width="100" height="16" scope="col"><input type="Image" src="images/verzenden.gif" border="0" value="1"></th>
              <th width="50" height="16" scope="col"></th>
              <th width="100" height="16" scope="col"><a href="javascript:void(0)" onclick="document.form.reset()">[img]"images/reset.gif"[/img]</a></th>
              <th width="70" height="16" scope="col"></th>
            </tr>
          </table>
          </div>
      </form>
      </th>
    </tr>
  </table>
  <?php } ?>
</div>

?>


Ik hoop dat iemand me er mee kan helpen, al vast bedankt.

[ Voor 32% gewijzigd door Verwijderd op 10-05-2004 09:06 ]

zondag 9 mei 2004 16:14

Acties:
  • laurensl
  • Registratie: Juni 2000
  • Niet online

laurensl

PHP:
1
2
3

<table border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <th width="500" scope="col"><?php if ($status == "goed") {?>


probeer daar bij je table tag 'ns het argument width="..." te zetten: dus

PHP:
1
2
3

<table border="0" align="center" cellpadding="0" cellspacing="0" width="..."> 
  <tr> 
    <th width="500" scope="col"><?php if ($status == "goed") {?>


moet je zelf maar even proberen wat er op de plek van de puntjes moet komen te staan. 700?

[ Voor 52% gewijzigd door laurensl op 09-05-2004 16:16 ]

zondag 9 mei 2004 16:54

Acties:

Verwijderd

gooi eens een hele berg tabellen eruit en ga eens wat meer semantisch te werk, dat maakt je code overzichtelijker en een stuk toegankelijker

waarschijnlijk zal je wel ergens een td'tje te weinig hebben ofzo, kwestie van tellen :D

zondag 9 mei 2004 17:11

Acties:
  • AkaXakA
  • Registratie: Januari 2001
  • Laatst online: 27-03 16:12

AkaXakA

Just Kidding...

En als je toch tabellen wil: Stop dan in ieder geval alle stijlen enzo in een stylesheet...
zo'n berg is gewoon onleesbaar.

Het is misschien ook dat de tekst niet in de tabel wordt gezet maar ernaast...doe eens een view source na het versturen...

http://www.akaxaka.tk/ - "Knowledge is power. Power corrupts. Study hard, be evil." - 4 Jaar GoT en nog steeds niet evil: er moet een verband zijn...

zondag 9 mei 2004 22:50

Acties:
  • Yoozer
  • Registratie: Februari 2001
  • Laatst online: 20-01 22:02

Yoozer

minimoog

http://www.alistapart.com/articles/practicalcss/

Wat mophor zei, en kijk dan eens hoe ze dit contact-formpje hierboven hebben opgelost. Scheelt stukken werk en moeite.

teveel zooi, te weinig tijd

zondag 9 mei 2004 23:43

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

typisch een manier van opmaak die 10 jaar geleden nog noodzakelijk was voor IE4 en NS4 (spacer.gifs e.d.) maar tegenwoordig echt niet meer hip is. Je php gaat trouwens ook nog uit van globals:
PHP:
1

if ($x != "" && $y != "" ) {


In ieder geval is dit een clientside probleem, en is een weergave van de code na PHP parsing dus van belang.
Ik zou als ik jou was me echter eerst eens wat meer gaan verdiepen in CSS; daarmee kan je de helft van je opmaak al overboord gooien en hou je al een veel gestructureerder geheel over...

Intentionally left blank

maandag 10 mei 2004 09:04

Acties:

Verwijderd

Topicstarter
Het probleem is opgelost, die spacers.gifjes heb ik er ook allemaal uit gegooid.
Opmaak van 10 jaar terug is het ook weer niet :P ,maar het zit aardig in de buurt.
Ik ben me nu pas met deze site erg gaan verdiepen in het nettere coden en CSS.
Wat mogelijk is prop ik in een stylesheet, nog niet alles zit er in, maar daar ben ik
wel mee bezig.
Wat ik ook moet erkennen is dat alles een stuk overzichtelijker wordt dan voor heen.
Ik pas ook even de code in mijn startpost aan, zo dat jullie kunnen zien hoe het nu is.

Maar nu het opgelost blijf ik toch met een vraag zitten.

Contact.php wordt op de content.php pagina in de 630 breed tabel ingevoegd.
Eerst het groene tabel (500 breed)
Na het niet goed invullen de rode tabel (500 breed)
Of als alles goed is ingevuld de zwarte tabel (630 breed)
Content.php pagina:
Afbeeldingslocatie: http://www.wmi.nu/forum/raar1.jpg

contact.php pagina:
Afbeeldingslocatie: http://www.wmi.nu/forum/raar2.jpg

Maar waarom verspring de helleboel nou niet bij de rode en de groene
tabel op 500 breed, en wel bij de zwarte op 500 breed?

Is er iemand die dat weet?

maandag 10 mei 2004 10:12

Acties:

Verwijderd

Yoozer schreef op 09 mei 2004 @ 22:50:
http://www.alistapart.com/articles/practicalcss/

Wat mophor zei, en kijk dan eens hoe ze dit contact-formpje hierboven hebben opgelost. Scheelt stukken werk en moeite.
heb wel eens betere artikelen gezien daar
code:
1
2
3
4
5

<span class="label">naam</span>

vervang dit gewoon door:

<label>naam</label>

haal ook die spans om die <inputs>'s weg

voor de rest vind ik een <fieldset> om alles heen wel zo netjes. Mijn oplossing iha is gewoon alle <label>'s en <inputs>'s floaten en een breedte geven in een <fieldset> met een vaste breedte (al dan niet met een border), zodat alles netjes uitgelijnd komt (wellicht wat <br>'s toevoegen voor text browsers)

overigens kan <legend> ook nog best van pas komen

maandag 10 mei 2004 10:28

Acties:
  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 12:21

Pelle

🚴‍♂️

Gewoon een simpel HTML probleem; heeft niets met PHP te maken. Bekijk gewoon hoe je source eruit ziet na het versturen van je form, zet een paar border="1"'s in je tabellen en kijk waar het probleem zit.
Pagina: 1

Dit topic is gesloten.