Avatar billede metal_hansen Nybegynder
03. januar 2004 - 05:40 Der er 18 kommentarer og
1 løsning

Hjælp til tables! sikkert nemt

Ja, jeg må indse at jeg aldrig kommer til at fatte tabeller...
Jeg har denne kode (glem php-koderne - det er kun tabellen det drejer sig om) som jeg gerne vil ha lavet om, sådan at smilierne kommer hen ved siden af tekstboxen - det vil sige; smilierne skal være i venstre side og tekstboxen i højre.

Siden (et eksempel) kan ses her: http://www.trommeslager.dk/viewtopic.php?t=2 (log ind med navn: exp og kode: exp)

Det er hurtig-svar boxen det drejer sig om.
Koden:

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                                <textarea name='message' rows='10' cols='80' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea><br><br />
                                <!-- BEGIN smilies -->
                                <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                                <br />
                                <input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'></td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 05:43 #1
wups - dårligt eksempel jeg har linket til, da det kun er mig som admin der kan poste i det - prøv det her istedet:
http://trommeslager.dk/viewtopic.php?t=166
Avatar billede Slettet bruger
03. januar 2004 - 11:25 #2
hvilke smileys snakker du om??
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 11:45 #3
man skal være logget ind for at se hvad jeg snakker om! læs mit spørgsmål en gang til!
Avatar billede Slettet bruger
03. januar 2004 - 11:52 #4
jeg har været logget ind.. jeg kan bare ikke se de der smileys..
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 11:58 #5
har du været logget ind, og så fulgt linket jeg postede? http://trommeslager.dk/viewtopic.php?t=166
Avatar billede Slettet bruger
03. januar 2004 - 12:02 #6
prøver lige igen..
Avatar billede Slettet bruger
03. januar 2004 - 12:12 #7
prøv det her..

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                          <table width='100%'>
                            <tr>
                              <td>
                                <!-- BEGIN smilies -->
                                  <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                              </td>
                              <td>
                                  <textarea name='message' rows='10' cols='80' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>
                              </td>
                            </tr>
                            </table>

                                <input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'></td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 12:26 #8
hmm ja det ser ud til at virke - men det ser ud til at tekstboxen nu er over 'citat valgt' knappen?!
og 'vis alle' knappen kan jeg ikke få ned under smilierne?! hvordan har du gjort?!
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 12:35 #9
hmm jeg sidder nu og prøver at få det til at se cool ud... hvis du prøver at tjekke kan du måske se hvad jeg prøver?!
Avatar billede Slettet bruger
03. januar 2004 - 12:41 #10
jep.. jeg tjekker lige..
Avatar billede Slettet bruger
03. januar 2004 - 12:45 #11
du vil have citatet nednunder smiliesne??

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                          <table width='100%'>
                            <tr>
                              <td>
                                <!-- BEGIN smilies -->
                                  <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                                <br><input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'>
                              </td>
                              <td>
                                  <textarea name='message' rows='10' cols='80' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>
                              </td>
                            </tr>
                          </table>
                    </td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 12:46 #12
egentlig hellere op over smilierne
Avatar billede Slettet bruger
03. januar 2004 - 12:49 #13
ok.. klarer jeg lige.. jeg centrerer citerknappen...

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                          <table width='100%'>
                            <tr>
                              <td>
                                <font align='center'><input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'></font><br>
                                <!-- BEGIN smilies -->
                                  <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                              </td>
                              <td>
                                  <textarea name='message' rows='10' cols='80' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>
                              </td>
                            </tr>
                          </table>
                    </td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
Avatar billede Slettet bruger
03. januar 2004 - 12:52 #14
og hvis du vil have mellemrum mellem citer og smileysne:

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                          <table width='100%'>
                            <tr>
                              <td>
                                <font align='center'><input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'></font><br><br>
                                <!-- BEGIN smilies -->
                                  <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                              </td>
                              <td>
                                  <textarea name='message' rows='10' cols='80' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>
                              </td>
                            </tr>
                          </table>
                    </td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 12:53 #15
yesyes - den havde jeg så også regnet ud ;)

1000 tak for hjælpen! - damn jeg fatter bare ikke de tabeller - og det burde egentlig være så nemt... tsktsk

nå men her har du point :)
Avatar billede Slettet bruger
03. januar 2004 - 13:02 #16
<table> //tabel-tagget
<tr> //rækker i tabellen (svarer lidt til linjeskift)
<td> //kolonner i tabellen (det er kun mellem <td> og </td> du skriver noget)

tabel som den vil se ud grafisk

<table>

<tr><td>  1  </td><td>  2  </td><td>  3  </td></tr>
<tr><td>  4  </td><td>  5  </td><td>  6  </td></tr>
<tr><td>  7  </td><td>  8  </td><td>  9  </td></tr>

</table>

dette vil skrive:

123
456
789

se evt http://html.dk/tutorials/html/lektion10.asp og http://html.dk/tutorials/html/lektion11.asp

og så var mit svar ikke 200 værd.. skal du ikke have nogle points tilbage??
Avatar billede metal_hansen Nybegynder
03. januar 2004 - 13:08 #17
nej behold du bare de point :) jeg har sq rigeligt!

og ja, jeg kender godt principperne bag tabeller, men min hjerne kortslutter når jeg skal lave noget om som er lavet på forhånd ..
Avatar billede Slettet bruger
03. januar 2004 - 13:11 #18
ok fair nok..
Avatar billede athlon-pascal Juniormester
03. januar 2004 - 16:11 #19
Giv evt. citer+smiley-kolonnen en fast bredde, det mener jeg er pænere, da smileysne bliver vist som 4x4 i både IE 6, Mozilla Firebird 0.7 og Opera 7.23 dansk :o)

<form action='{quick_reply.POST_ACTION}' method='post' name='post' onsubmit='return checkForm(this)'>
        <input type="hidden" name="sid" value="{quick_reply.SID}">
        <table border='0' cellpadding='3' cellspacing='1' width='100%' class='forumline'>
                <tr>
                        <th class='thHead' colspan='2' height='25'><b>Hurtig svar</b></th>
                </tr>
                <!-- BEGIN user_logged_out -->
                <tr>
                        <td class='row2' align='left'><span class='gen'><b>{L_USERNAME}:</b></span></td>
                        <td class='row2' width='100%'><span class='genmed'><input type='text' class='post' tabindex='1' name='username' size='25' maxlength='25' value='' /></span></td>
                </tr>
                <!-- END user_logged_out -->
                <tr>
                        <td class='row1'>
                        </td>
                        <td class='row1' valign='top'>
                          <table width='100%'>
                            <tr>
                              <td width='90px'>
                                <font align='center'><input type='button' name='quoteselected' class='liteoption' value='{L_QUOTE_SELECTED}' onclick='java script:quoteSelection()'></font><br><br>
                                <!-- BEGIN smilies -->
                                  <img src="{quick_reply.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon(' {quick_reply.smilies.CODE} ');" alt="{quick_reply.smilies.DESC}" title="{quick_reply.smilies.DESC}" />
                                <!-- END smilies -->
                                <INPUT TYPE=button CLASS=BUTTON NAME="SmilesButt" VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();">
                              </td>
                              <td>
                                  <textarea name='message' rows='10' cols='100' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>
                              </td>
                            </tr>
                          </table>
                    </td>
                </tr>
                <tr>
                        <td class='row2'>
                        </td>
                        <td class='row2' valign='top'><span class='gen'>
                                <b>{L_OPTIONS}</b><br />
                                <input type='checkbox' name='quick_quote'>{L_QUOTE_LAST_MESSAGE}<br>
                                <!-- BEGIN user_logged_in -->
                                <input type='checkbox' name='attach_sig' {quick_reply.user_logged_in.ATTACH_SIGNATURE}>{L_ATTACH_SIGNATURE}<br>
                                <input type='checkbox' name='notify' {quick_reply.user_logged_in.NOTIFY_ON_REPLY}>{L_NOTIFY_ON_REPLY}</td>
                                <!-- END user_logged_in -->
                </tr>
                <tr>
                        <td class='catBottom' align='center' height='28' colspan='2'>
                                <input type='hidden' name='mode' value='reply'>
                                <input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
                                <input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
                                <!--input type='hidden' name='message' value=''-->
                                <input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
                                <input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
                        </td>
                </tr>
        </table>
</form>
<!-- END quick_reply -->
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