Avatar billede durd Nybegynder
28. maj 2002 - 20:30 Der er 31 kommentarer og
2 løsninger

Forms fylder og ødelægger mit design

Jeg er efterhånden godt træt af, at man ikke kan lave forms uden de rykker rundt på ens design. Altså hvis man har et design, hvor tingene kun lige kan være der. Så når man vil have forms udenom sine textfelter osv., så bliver tekstfelterne rykket på grund af at forms'ne skal fylde et vist område, også selvom man ikke kan se dem...

Hvordan kan jeg undgå at rykke på mit design når jeg sætter forms ind?
Avatar billede medions Nybegynder
28. maj 2002 - 20:31 #1
må jeg prøve at se din kode, der hvor du har dine forms tag?

//>Rune
Avatar billede a1a1 Novice
28. maj 2002 - 20:34 #2
<table>
<form action="fil.htm">
<tr><td>
ting <br>
<input type="text" name="test">
</td></tr>
</form>
</table>

skulle kunne klare det
Avatar billede dmcn Praktikant
28. maj 2002 - 20:34 #3
<form style="display: inline;"></form>
Virker fint i IE - ved ikke med andre browsere.
Avatar billede dmcn Praktikant
28. maj 2002 - 20:35 #4
a1 : Har du prøvet at validere den kode? :]
Avatar billede a1a1 Novice
28. maj 2002 - 20:36 #5
har jeg prøvet at det virker altid :)
Avatar billede dmcn Praktikant
28. maj 2002 - 20:38 #6
Hvilke browsere har du testet i? :)
Avatar billede a1a1 Novice
28. maj 2002 - 20:41 #7
netscape og ie

og det er jo < 0.5% der har Ns og > 99% der har IE
Avatar billede a1a1 Novice
28. maj 2002 - 20:41 #8
resten laver jeg normalt ikke kode til....:)
Avatar billede dmcn Praktikant
28. maj 2002 - 20:44 #9
http://www.thecounter.com/stats/2002/April/browser.php
Dobbelttjek lige dine tal engang. Mit forslag virker i Mozilla 5+ (netscape), IE 5+, og så overholder det standarderne for korrekt HTML, udstukket af W3.
Avatar billede durd Nybegynder
28. maj 2002 - 20:45 #10
<form style="display: inline;">
<div valign="bottom"><img src="/images/en_pixel_sort.jpg" width="107" height="1"></div>
                  <table width="105" border="0" cellspacing="0" cellpadding="0" background="images/menu_bg.jpg">
                    <tr>
                      <td width="1" bgcolor="#000000"><img src="/images/en_pixel_sort.jpg" width="1" height="1"></td>
                      <td>
                        <table width="105" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td align="center" background="images/menupunkt_over.jpg"><b><font size="1" color="#58789E" face="Verdana">Login:</font></b></td>
                          </tr>
                          <tr>
                            <td align="center" background="images/menupunkt_over.jpg"><img src="/images/en_pixel_sort.jpg" width="107" height="1"></td>
                          </tr>
                          <tr>
                            <td align="center">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="right"><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                  <td><img src="images/en_pixel_transparent.gif" width="1" height="2"></td>
                                </tr>
                                <tr>
                                  <td align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Bruger:</font></td>
                                  <td>
                                    <input type="text" style="font-size:9;border:1px solid #000000" size="7" name="text" >
                                  </td>
                                </tr>
                                <tr>
                                  <td align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Pass:</font></td>
                                  <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                                    <input type="password" style="font-size:9;border:1px solid #000000" size="9" name="password">
                                    </font></td>
                                </tr>
                                <tr>
                                  <td align="right">&nbsp;</td>
                                  <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                                    <input type="submit" value="Login" style="font-size:10;border:1px solid #333333;background:#FFFFFF" size="14" name="submit">
                                    </font></td>
                                </tr>
                                <tr>
                                  <td align="right"><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                  <td><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td width="1" bgcolor="#000000"><img src="/images/en_pixel_sort.jpg" width="1" height="1"></td>
                    </tr>
                  </table>
</form>
Avatar billede durd Nybegynder
28. maj 2002 - 20:47 #11
<form style="display: inline;"></form>

Sætningen herover virker faktisk, men jeg har jo ikke lyst at der skal stå i toppen af browseren hvad folks passwords er osv., så den løsning går ikke alligevel.
Avatar billede medions Nybegynder
28. maj 2002 - 20:47 #12
<div valign="bottom"><img src="/images/en_pixel_sort.jpg" width="107" height="1"></div>
                  <table width="105" border="0" cellspacing="0" cellpadding="0" background="images/menu_bg.jpg">
                    <form action="bla.asp" method="post">
                    <tr>
                      <td width="1" bgcolor="#000000"><img src="/images/en_pixel_sort.jpg" width="1" height="1"></td>
                      <td>
                        <table width="105" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td align="center" background="images/menupunkt_over.jpg"><b><font size="1" color="#58789E" face="Verdana">Login:</font></b></td>
                          </tr>
                          <tr>
                            <td align="center" background="images/menupunkt_over.jpg"><img src="/images/en_pixel_sort.jpg" width="107" height="1"></td>
                          </tr>
                          <tr>
                            <td align="center">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="right"><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                  <td><img src="images/en_pixel_transparent.gif" width="1" height="2"></td>
                                </tr>
                                <tr>
                                  <td align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Bruger:</font></td>
                                  <td>
                                    <input type="text" style="font-size:9;border:1px solid #000000" size="7" name="text" >
                                  </td>
                                </tr>
                                <tr>
                                  <td align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Pass:</font></td>
                                  <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                                    <input type="password" style="font-size:9;border:1px solid #000000" size="9" name="password">
                                    </font></td>
                                </tr>
                                <tr>
                                  <td align="right">&nbsp;</td>
                                  <td><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                                    <input type="submit" value="Login" style="font-size:10;border:1px solid #333333;background:#FFFFFF" size="14" name="submit">
                                    </font></td>
                                </tr>
                                <tr>
                                  <td align="right"><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                  <td><img src="images/en_pixel_transparent.gif" width="1" height="4"></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td width="1" bgcolor="#000000"><img src="/images/en_pixel_sort.jpg" width="1" height="1"></td>
                    </tr>
                    </form>
                  </table>

//>Rune
Avatar billede dmcn Praktikant
28. maj 2002 - 20:48 #13
men jeg har jo ikke lyst at der skal stå i toppen af browseren hvad folks passwords er osv.,
Øh - hvis der står det, så har det intet med min kode at gøre. Den sørger bare for, at formen ikke fylder.
Avatar billede a1a1 Novice
28. maj 2002 - 20:48 #14
jeg har mine tal fra mine logfiler og fra de sites jeg arbejder på :o)

ja, det er mest danskere der kommer der....

dur mit ikke? ?
Avatar billede dmcn Praktikant
28. maj 2002 - 20:53 #15
Virker dit? Ja.
Er det korrekt? I dine øjne ja, i W3's øjne, på ingen måde.
Hvad er smartest? Tjaeh - er man ligeglad med standarder, så er det et fedt hvad man vælger. De har begge begrænset funktionalitet. Koder man derimod korrekt HTML, så er din løsning ikke brugbar.
Avatar billede durd Nybegynder
28. maj 2002 - 20:56 #16
Sorry n0rmality!!
Mig der havde lavet en fejl der.. Det du havde skrevet virkede faktisk. Har ikke lige tjekket om det virker i andet end IE, men du skal alligevel have nogen points for det :D
Det samme medions, som skrev hvordan jeg kunne sætte mine forms ind, så mit design heller ikke blev fucked..
Takker mange gange for hjælpen. I har jo styr på det der :DD
Btw. gir' lige lidt ekstra points =)
Avatar billede a1a1 Novice
28. maj 2002 - 20:58 #17
hvordan vil du egentlig lave en side med 4 text felter i hver sin td ?

det er jo IKKE muligt, da man jo ikke får lukket sine tags ordentligt?

ser det sån ud...

<table>
<tr>
<td><form id=1> <input type=text /> </form></td>
<td><form id=2> <input type=text /></form></td>
<td><form id=3> <input type=text /></form></td>
<td><form id=4> <input type=text /></form></td>
</tr>
</table>


?  ;O)
Avatar billede a1a1 Novice
28. maj 2002 - 21:01 #18
nåååå, nej du siger bare til kunden:
"det kan man ikke, det overholder ikke w3 standarden"

....."jammen, man kan på jubii, siger kunden så...."

get my point....
Avatar billede dmcn Praktikant
28. maj 2002 - 21:01 #19
a1 :
<form>
    <table>
        <tr> 
            <td><input type="text"></td>
            <td><input type="text"></td>
            <td><input type="text"></td>
            <td><input type="text"></td>
        </tr>
    </table>
</form>

Simpel HTML. :)
Avatar billede a1a1 Novice
28. maj 2002 - 21:08 #20
:( æv...
Avatar billede durd Nybegynder
28. maj 2002 - 21:10 #21
Og der var julegaver (i form af points)..

BTW. endnu en gang tak :D
Avatar billede durd Nybegynder
28. maj 2002 - 21:10 #22
SHIT.. Det var N0rmality der skylle havde haft de 30 points ;/
Avatar billede durd Nybegynder
28. maj 2002 - 21:11 #23
Håber det går..
Avatar billede dmcn Praktikant
28. maj 2002 - 21:15 #24
Jeg klarer mig nok. :)

a1 : Godkendt HTML er slet ikke så svært. :)
Avatar billede medions Nybegynder
28. maj 2002 - 21:16 #25
Thx 4 Poinz
//>Rune
Avatar billede a1a1 Novice
28. maj 2002 - 21:21 #26
næ...havde ikke lige tænkt over den...
men man kan bruge meget (spild) tid på at følge w3 for stramt...:)
Avatar billede dmcn Praktikant
28. maj 2002 - 21:25 #27
a1 : Jeg koder personligt hurtigere, når jeg har en standard at følge. Samtidig opdaterer jeg et site hurtigere, når jeg på ingen tid kan gennemskue præcis efter hvilken standard jeg har kodet.
Andre der skal overtage min kode kan også hurtigt sætte sig ind i hvad der gør hvad, og slutteligt, så er jeg sikker på et præsentabelt resultat i alle gængse browsere, Opera, IE, NS, Konqueror, Mozilla, Galeon osv.
Avatar billede a1a1 Novice
28. maj 2002 - 21:28 #28
ja ja værere er det vel heller ikke :)

browserne følger jo heller ikke altid standarderne...:)
Avatar billede durd Nybegynder
29. maj 2002 - 18:36 #29
Det gør jeg heller ikke :)
Avatar billede dmcn Praktikant
29. maj 2002 - 18:56 #30
... slamkodere... :|
Avatar billede a1a1 Novice
29. maj 2002 - 19:06 #31
;o)
Avatar billede durd Nybegynder
29. juli 2002 - 20:33 #32
:D
Avatar billede a1a1 Novice
30. juli 2002 - 13:08 #33
så skulle du da have givet mig pointsne johnnydrud :o)

<slamkode><a href="exp.dk"><b>exp</slamkode></b><a>
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