box around OK button under comments?

[bdanielsson]

How do I get rid of this strange box under the comments field? The highlight color is #A5A39F and the dark color is #292520 I've looked all through my template, CSS and other files and can't figure out where it is.

Go here to see it:
http://bdanielsson.com/gallery/displayimage.php?album=4&pos=3

Thanks

[donnoman]

I took some time to clean up the HTML code to make it easier to troubleshoot.

It looks as if your <!-- BEGIN input_box_no_smilies -->
is missing it's opening <TD>.

<!-- END user_name_input -->
Closes it's <TD>

<!-- END input_box_no_smilies -->
Has an unmatched <TD>

If you rem this part of the html out, the box dissappears.

Code Select Expand


<!-- Start standard table -->
<TABLE class=maintable cellSpacing=1 cellPadding=0 width="99%" align=center>
 <TR>
   <FORM name=post action=db_input.php method=post>
   <TD colSpan=3>
   <TABLE cellSpacing=0 cellPadding=0 width="100%" border=1>
     <INPUT type=hidden value=comment name=event> <INPUT type=hidden value=44 name=pid>
     <!-- BEGIN user_name_input -->
     <TR>
       <TD class=tableb_compact>Name
       </TD>
       <TD class=tableb_compact><INPUT class=textinput onclick="javascript:this.value='';" maxLength=20 size=10 value=Anon  name=msg_author>
       </TD>
<!--->  <!-- END user_name_input -->
<!--->  <!-- BEGIN input_box_no_smilies -->
<!--->  <INPUT class=textinput id=message style="WIDTH: 100%" maxLength=512 name=msg_body>
<!--->  <!-- END input_box_no_smilies -->
<!--->  </TD>  <!--Donnoman: Needs opening <TD> -->
       <TD class=tableb_compact><INPUT class=comment_button type=submit value=OK name=submit>
       </TD>
     </TR>
   </TABLE>
  </TD>
  </FORM>
  </TR>
  <!-- BEGIN smilies -->
  <TR>
    <TD class=tableb_compact width="100%">
    </TD>
  </TR>
  <!-- END smilies -->
</TABLE>
<!-- End standard table -->


[bdanielsson]

Hmmm.. that left me with this error.  :-\\

Code Select Expand

Template error
Failed to find block 'input_box_smilies'(#(<!-- BEGIN input_box_smilies -->)(.*?)(<!-- END input_box_smilies -->)#s) in :

        <tr>
                <form method="post" name="post" action="db_input.php">
                <td colspan="3">
                        <table border="1" width="100%" cellpadding="0" cellspacing="0">
                                <input type="hidden" name="event" value="comment">
                                <input type="hidden" name="pid" value="{PIC_ID}">
<!-- BEGIN user_name_input -->
                                <td class="tableb_compact">
                                        {NAME}
                                </td>
                                <td class="tableb_compact">
                                        <input type="text" class="textinput" name="msg_author" size="10" maxlength="20" value={USER_NAME}>
                                </td>

                                </td>
                                <td class="tableb_compact">
                                <input type="submit" class="comment_button" name="submit" value="{OK}">
                                </td>
                        </table>
                </td>
                </form>
        </tr>
<!-- BEGIN smilies -->
        <tr>
                <td width="100%" class="tableb_compact">
                        {SMILIES}
                </td>
        </tr>
<!-- END smilies -->


[Joachim Müller]

Post the file http://bdanielsson.com/gallery/themes/artdorks_v2/theme.php here (rename it to theme.php.txt or similar and attach it to your reply using the "Additional options" link when composing your message).

Joachim

[bdanielsson]

Post the file http://bdanielsson.com/gallery/themes/artdorks_v2/theme.php here (rename it to theme.php.txt or similar and attach it to your reply using the "Additional options" link when composing your message).

Joachim

Actually, it's  better now. I just added a <td> in front of the input_box_no_smilies code and it looks better. It moved the table up and around the input field.... and made the border="0" about ten lines up. I'd still like to change to border of it to a color, but when I put bordercolor= whatever it didn't look right.


Thank you.

[Joachim Müller]

putting <td> in front of <input type="text" class="textinput" id="message" name="msg_body"  maxlength="{MAX_COM_LENGTH}" style="width: 100%;"> is not an option, it will result in improper nesting. Don't try using html attributes like bgcolor, use the css attributes to override the existing css values that are taken into account from style.css - I suggest using background-color instead.
On what theme is your custom theme based on? Condensed grey?

Joachim

[bdanielsson]

Ok. Thanks. It's no longer a problem because I've somewhat integrated it into Mambo and that required a different theme. The only thing I can't figure out now is... how do you change the width of the comment text input box? It's now too wide for my fixed width theme.

[Joachim Müller]

edit themes/yourtheme/theme.php, find

Code Select Expand

<textarea cols="40" rows="2" class="textinput" name="msg_body" onselect="storeCaret_f{MSG_ID}(this);" onclick="storeCaret_f{MSG_ID}(this);" onkeyup="storeCaret_f{MSG_ID}(this);" style="width: 100%;">{MSG_BODY_RAW}</textarea>and modify the width attribute.

Joachim

[bdanielsson]

Thanks but that didn't change it. I tried various % even pixel widths, but it stays the same.

[bdanielsson]

Ok, nevermind. It's in the Config. There a place to set the comments area width. Thanks for all your help.