Avatar billede bue Nybegynder
04. november 2003 - 22:20 Der er 20 kommentarer og
1 løsning

Hjælp til formular

Vi har et problem med denne formular. Formularen SKAL være brugbar i Adobe GoLive, derfor kan der være lidt specielle koder ind imellem.

Bottom-line: Vi kan ikke undgå at der bliver relativt stor vertikal afstand mellem de enkelte felter i formularen i IE og NS.

Vi håber på hurtige, konstruktive og præcise forslag.



På forhånd tak!


Herunder formularkode (hele den pågældende side):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <title>Welcome to Adobe GoLive 6</title>
        <link href="../codelib/urc_mblm.css" rel="stylesheet" media="screen">
        <style type="text/css" media="screen"><!--
#Contact { position: absolute; z-index: 50; top: 85px; left: 85px; width: 859px; height: 364px; visibility: visible; display: block }
--></style>
    </head>

    <body bgcolor="#ffffff">
        <div id="Contact">
            <table border="0" cellspacing="0" cellpadding="0" cool gridx="2" gridy="2" width="859" height="331" align="center" showgridx showgridy>
                <tr height="18">
                    <td width="10" height="330" rowspan="13"></td>
                    <td width="90" height="18"></td>
                    <td width="16" height="330" rowspan="13"></td>
                    <td width="343" height="18"></td>
                    <td width="1" height="43" rowspan="3"></td>
                    <td width="395" height="18" colspan="5"></td>
                    <td width="3" height="330" rowspan="13"></td>
                    <td width="1" height="18"><spacer type="block" width="1" height="18"></td>
                </tr>
                <tr height="21">
                    <td bgcolor="white" content csheight="21" style="background-color : transparent;" width="90" height="21" valign="top" align="left" xpos="10">
                        <h4>Ang&aring;ende:</h4>
                    </td>
                    <td width="343" height="312" rowspan="12" valign="top" align="left" xpos="116"><textarea name="Angaende" rows="18" cols="30" tabindex="33" style="background-color : transparent;"></textarea></td>
                    <td content csheight="23" width="201" height="25" colspan="2" rowspan="2" valign="top" align="left" xpos="460">
                        <h4>Fornavn:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" rowspan="2" valign="top" align="left" xpos="661"><input type="text" name="Fornavn" size="30" tabindex="1" style="background-color : transparent;"></td>
                    <td width="1" height="21"><spacer type="block" width="1" height="21"></td>
                </tr>
                <tr height="4">
                    <td width="90" height="291" rowspan="11"></td>
                    <td width="1" height="4"><spacer type="block" width="1" height="4"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="202" height="25" colspan="3" valign="top" align="left" xpos="459">
                        <h4>Efternavn:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Efternavn" size="30" tabindex="2" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="202" height="25" colspan="3" valign="top" align="left" xpos="459">
                        <h4>Organisation:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Organisation" size="30" tabindex="3" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="202" height="25" colspan="3" valign="top" align="left" xpos="459">
                        <h4>Adresse:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="4" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td width="1" height="100" rowspan="4"></td>
                    <td content csheight="23" width="201" height="25" colspan="2" valign="top" align="left" xpos="460">
                        <h4>Post-nr. og By:</h4>
                    </td>
                    <td width="48" height="25" valign="top" align="left" xpos="661"><input type="text" name="Postnummer" size="6" tabindex="5" style="background-color : transparent;"></td>
                    <td width="146" height="25" colspan="2" valign="top" align="left" xpos="709"><input type="text" name="By" size="20" tabindex="6" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="201" height="25" colspan="2" valign="top" align="left" xpos="460">
                        <h4>Stat:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="7" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="201" height="25" colspan="2" valign="top" align="left" xpos="460">
                        <h4>Land:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="8" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="201" height="25" colspan="2" valign="top" align="left" xpos="460">
                        <h4>Telefon:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="9" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="202" height="25" colspan="3" valign="top" align="left" xpos="459">
                        <h4>Fax:</h4>
                    </td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="10" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="25">
                    <td content csheight="23" width="200" height="25" colspan="2" valign="top" align="left" xpos="459">
                        <h4>E-mail:</h4>
                    </td>
                    <td width="2" height="87" rowspan="2"></td>
                    <td width="194" height="25" colspan="3" valign="top" align="left" xpos="661"><input type="text" name="Adresse" size="30" tabindex="11" style="background-color : transparent;"></td>
                    <td width="1" height="25"><spacer type="block" width="1" height="25"></td>
                </tr>
                <tr height="62">
                    <td width="200" height="62" colspan="2"></td>
                    <td width="90" height="62" colspan="2"></td>
                    <td content csheight="23" width="104" height="62" valign="top" xpos="751">
                        <div align="right">
                            <h4>Send formular</h4>
                        </div>
                    </td>
                    <td width="1" height="62"><spacer type="block" width="1" height="62"></td>
                </tr>
                <tr height="1" cntrlrow>
                    <td width="10" height="1"><spacer type="block" width="10" height="1"></td>
                    <td width="90" height="1"><spacer type="block" width="90" height="1"></td>
                    <td width="16" height="1"><spacer type="block" width="16" height="1"></td>
                    <td width="343" height="1"><spacer type="block" width="343" height="1"></td>
                    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
                    <td width="199" height="1"><spacer type="block" width="199" height="1"></td>
                    <td width="2" height="1"><spacer type="block" width="2" height="1"></td>
                    <td width="48" height="1"><spacer type="block" width="48" height="1"></td>
                    <td width="42" height="1"><spacer type="block" width="42" height="1"></td>
                    <td width="104" height="1"><spacer type="block" width="104" height="1"></td>
                    <td width="3" height="1"><spacer type="block" width="3" height="1"></td>
                    <td width="1" height="1"></td>
                </tr>
            </table>
            <form method="post" action="http://www.voresdomæne.com/cgi-bin/FormMail.pl">
                <input type="hidden" name="recipient" value="vores@e-mailadresse.com"> <input type="hidden" name="subject" value="Kontakt"> <input type="hidden" name="redirect" value="http://www.voresdomæne.com/pages/XXXXXX.html">
            </form>
        </div>
    </body>

</html>
Avatar billede Slettet bruger
04. november 2003 - 22:26 #1
"Vi håber på hurtige, konstruktive og præcise forslag."

hm....forslag på hvad? Problemet fremgår ikke helt klart for mig :/
Avatar billede Slettet bruger
04. november 2003 - 22:27 #2
Som udgangspunkt kan jeg da se at jeres form både starter og slutter efter jeres inputfelter :)

Måske virker det i IE, men det er noget snask.
Avatar billede thesurfer Nybegynder
04. november 2003 - 22:34 #3
:)
Avatar billede bue Nybegynder
04. november 2003 - 22:36 #4
Det er lige præcis sådanne indlæg vi håbede at undgå :)

Problemet er at der er for stor afstand mellem felterne og vi kan ikke ændre denne afstand.
Formfelterne er naturligvis rettede.
Avatar billede Slettet bruger
04. november 2003 - 22:41 #5
"Det er lige præcis sådanne indlæg vi håbede at undgå :)"

Jamen så må man formulere sit spørgsmål ordenligt :)

"Problemet er at der er for stor afstand mellem felterne og vi kan ikke ændre denne afstand."

Hvorfor kan i ikke ændre denne afstand?
Avatar billede thesurfer Nybegynder
04. november 2003 - 22:42 #6
prøv at flytte <form...> tagget op under <body...> tagget:

    <body bgcolor="#ffffff">
        <form method="post" action="http://www.voresdomæne.com/cgi-bin/FormMail.pl">
Avatar billede bue Nybegynder
04. november 2003 - 22:43 #7
Hvis vi vidste hvorfor vi ikke kunne ændre afstanden ville vi jo ikke spørge de ophøjede eksperter - vel! *GGG

Vi vil blot gerne have alle felterne til at stå tættere sammen end det er tilfældet i den nuværende udformning...


Nogle "konstruktive" forslag? ;-) ?
Avatar billede thesurfer Nybegynder
04. november 2003 - 22:44 #8
som el_barto sagde, skal alle felterne ligge mellem <form...> og </form>. Ellers virker det ikke.

Hvis du placere <form..> lige under body, og </form> efter felterne, skulle det gerne virke.
Avatar billede bue Nybegynder
04. november 2003 - 22:44 #9
>thesurfer

Er gjort tidligere. Men tak for det konstruktive forslag :-) hehehe....
Avatar billede thesurfer Nybegynder
04. november 2003 - 22:46 #10
"Vi vil blot gerne have alle felterne til at stå tættere sammen end det er tilfældet i den nuværende udformning...


Nogle "konstruktive" forslag? ;-) ?"

hvad med at ændre på bredden af cellerne ? :)


Hvad mener du med "Er gjort tidligere"? det sådan det skal være for at formen virker.. mht til afstanden, læs foroven.. :)
Avatar billede bue Nybegynder
04. november 2003 - 22:56 #11
Med "Er gjort tidligere" mener jeg at formularen er rettet således at alle felterne står mellem <form... og </form... hvilket ikke var tilfældet før.

Hvorfor vil du ændre på bredden af cellerne? Det er den vertikale afstand vi er interesseret i...

:-)
Avatar billede thesurfer Nybegynder
04. november 2003 - 23:00 #12
så højden da.. :)
Avatar billede thesurfer Nybegynder
04. november 2003 - 23:03 #13
Jeg kan, via FrontPage, se at tabellen er forkert bygget op.
Fordelengen af cellerne er forkert, og derfor her højderne forkerte.
Avatar billede olebole Juniormester
04. november 2003 - 23:47 #14
<ole>

Jeg ved godt, det ikke er, hvad I ønsker at høre, men hvis I vil høre, hvad der er galt, bliver man jo nødt til at sige det ... ellers ville I vel ikke spørge de ophøjede eksperter  :)

WYSIWYG-editorer skriver meget sjældent valid kode - og af de WYSIWYG'ere, jeg kender til (og det er trods alt en del), er GoLive så afgjort den værste. Den eneste, jeg for alvor kan anbefale, er DreamWeaver.

Koden er noget skrammel og bør skrives om fra bunden ... ked af at sige det, men sådan er det  :)

/mvh
</bole>
Avatar billede bue Nybegynder
05. november 2003 - 09:40 #15
Trist - venter lige lidt med at skrive lortet om - skal lige se om der kommer andre (sjovere) forslag.

Men tak for forslaget :)
Avatar billede thesurfer Nybegynder
05. november 2003 - 17:34 #16
Jeg har åbnet koden med Frontpage for at vise dig kanterne på tabellen.

De grønne bokse er de kanter jeg har trukket mod venstre for at vise dig fejlene.
De røde X'er er de celler der ikke skal være der.
Den blå boks viser hvilke celler der bør flettes sammen.

URL: http://frip.dk/thesurfer/e/q/423342/img01.gif
Avatar billede spe Nybegynder
05. november 2003 - 19:41 #17
Har kigget lidt på din opsætning ved at kopiere din kode ind i GoLive. Det giver en masse ekstra luft over din tekst og som forhindre at fleterne kan flyttes tættere på hinanden.
Men nu er det jo blot en kopi/past af dit dokument.
Kan du oploade selve GoLive-dokumentet?
Avatar billede olebole Juniormester
05. november 2003 - 23:35 #18
En ofte begået fejl består i at 'sprede' celle-tags over flere linier:

<td>Dette er skidt og giver 'falsk' luft
</td>

<td>
  Dette er også skidt og giver 'falsk' luft
</td>

<td>Dette er bedre og giver ikke 'falsk' luft</td>

<td>
  Dette er også bedre og giver ikke 'falsk' luft</td>

Celle-afslutningen skal altså 'op i røven' på indholdet. Du har en del af disse 'grimmerter' ... prøv som det første at rette dem  ;o)
/mvh
Avatar billede spe Nybegynder
06. november 2003 - 08:41 #19
Har jeg ret i at du har bygget det op i GoLive ved hjælp af et layoutgrid?
Avatar billede bue Nybegynder
08. november 2003 - 22:10 #20
Jeg er nu nået til den konklusion at jeg laver lortet om... Men tak for indsatsen.
Olebole hvis du laver et svar - får du point.
Avatar billede olebole Juniormester
09. november 2003 - 01:12 #21
svar  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester