Avatar billede montago Praktikant
11. juni 2006 - 23:20 Der er 9 kommentarer og
1 løsning

på en række

okay jeg vil gerne have at disse 3 elementer står på een linie, uanset hvad der er i det første span:
der kan stå "5+5" eller "<table><tr><td>5<td>/<td>7"

hvordan gør jeg det med fx style ??

  <span id="expr"></span>=<input type="text" id="input" style="font-size:22pt;" size="3" onBlur="//this.focus();">


problemet kan ses på : http://www.mdk-photo.com/Matspil
Avatar billede mclemens Nybegynder
11. juni 2006 - 23:40 #1
Ved ikke om det hjælpe lidt?



                <span id="fall" style="border: 1px ridge rgb(0, 0, 0); background-color: rgb(204, 204, 204); width: 250px; position: relative; font-size: 22pt; top: 1px;">



        <span style="position: relative; left: 0px;float:left;" id="expr">



<table><tbody><tr><td><table><tbody><tr><td align="center">1</td></tr><tr><td><hr color="#333333" noshade="noshade" width="20"></td></tr><tr><td align="center">2</td></tr></tbody></table></td><td>-</td><td><table><tbody><tr><td align="center">2</td></tr><tr><td><hr color="#333333" noshade="noshade" width="20"></td></tr><tr><td align="center">1</td></tr></tbody></table></td></tr></tbody></table></span>


<span style="float:left;line-height:75px;padding:0px;margin:0px;">=</span><span style="float:left;height:30px;margin:12px;"><input id="input" style="font-size: 22pt;margin:3px;" size="3" onblur="//this.focus();" type="text"></span>


</span>
Avatar billede montago Praktikant
12. juni 2006 - 00:14 #2
det sku tæt på :)

ny synes jeg bare at de normale regnestykker, hænger for langt oppe...

padding-top ødelægger så bare mine brøker...
Avatar billede mclemens Nybegynder
12. juni 2006 - 00:23 #3
Når nu du har en tabel ... hvad så med blot at udvide denne?


            <div style="border: 1px ridge rgb(0, 0, 0); width: 300px; height: 500px;

background-color: rgb(153, 153, 221);">
               
                <span id="fall" style="border: 1px ridge rgb(0, 0, 0);

background-color: rgb(204, 204, 204); width: 250px; position: relative; font-size: 22pt; top:

1px;">



               



<table style="margin:0px auto;"><tbody><tr><td><table><tbody><tr><td

align="center">1</td></tr><tr><td><hr color="#333333" noshade="noshade"

width="20"></td></tr><tr><td

align="center">2</td></tr></tbody></table></td><td>-</td><td><table><tbody><tr><td

align="center">2</td></tr><tr><td><hr color="#333333" noshade="noshade"

width="20"></td></tr><tr><td align="center">1</td></tr></tbody></table></td><td>=</td><td><input

id="input" style="font-size: 22pt;" size="3" onblur="//this.focus();"

type="text"></td></tr></tbody></table>


</span>
            </div>
Avatar billede mclemens Nybegynder
12. juni 2006 - 00:23 #4
(undskyld ombrudte linjer)
Avatar billede montago Praktikant
12. juni 2006 - 11:41 #5
mht din sidste post...

<span id="expr"></span> <-- indeholder det regnestykke som skal løses...

den eneste måde (jeg kender) hvormed man kan stille 2 brøker op, er via tables...

resten af regnestykkerne er almindelige strings... "5+5"
Avatar billede montago Praktikant
12. juni 2006 - 11:42 #6
jeg kunne jo selvfølgelig udvidde min algoritme til at putte regnestykker ind i tables med fx 3 stk <td>'s
Avatar billede mclemens Nybegynder
12. juni 2006 - 12:18 #7
- M.h.t. til 11/06-2006 23:40:31,
Så skrev du at de almindelige regnestykker uden brøker blev for små / for højt oppe og at padding-top ødelagde designet ... hvad med at definere en class på de to tds hvor du tildeler en line-height:30px; eller lignende evt. også en speciel font-size og så skifte style attributten ved et nyt regnstykke eller evt. class'en (style værdier er nok at foretrække)?

... Det fordrer dog nok at du varierer tabellens struktur samtidig via. dit script afhængig af om det skal vises som: ...<td class="bigtype">5</td><td class="bigtype">+</td><td class="bigtype">5</td><td>=</td><td>input</td>... eller den struktur med brøker du bruger p.t. (eller evt. med styling af elementer via getElementsByTagName("td") og så et gennemløb )
Avatar billede montago Praktikant
12. juni 2006 - 12:54 #8
great :) har fanget ideen...

smid et svar
Avatar billede mclemens Nybegynder
12. juni 2006 - 13:12 #9
oki :)
Avatar billede mclemens Nybegynder
12. juni 2006 - 13:16 #10
- og tak for point :)
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