View Single Post
  #1  
Old 01-29-2005, 03:45 PM
 
wayfarer wayfarer is offline
 

Advanced Member
  
Join Date: Apr 2003
Posts: 56
 

Default Rounded Corners - Almost there but not quite

Hi all,

I'm trying to round the bottom corners of my dialog.tpl dialog box and am almost there. I am trying to insert a 3 column table with corner graphics on either side. So far I have my left graphic where I want it but the right corner image is half way along the box. I am assuming that there is a two column structure somewhere in behind this and that the image is conforming to the edge of the first column, but I just can't seem to get the code right to deal with it (I am used to working in WYSIWYG and am a little rusty on hard coding in notetab).

Here's my dialog.tpl (working with 4.0.4, standard theme):

Code:
{* $Id: dialog.tpl,v 1.19 2004/06/24 09:53:29 max Exp $ *} {if $printable ne ''} {include file="dialog_printable.tpl"} {else} <TABLE border="0" cellpadding="0" cellspacing="0" {$extra}> <TR> <TD style= "border-right: 1px solid #9C9EAA; border-bottom: 1px solid #9C9EAA;" height="23" class="DialogTitle" background="{$ImagesDir}/dialog_bg_n.gif" valign="middle">{$title}</TD> </TR> <TR><TD style= "border-right: 1px solid #9C9EAA; border-left: 1px solid #9C9EAA;" class="DialogBorder"><TABLE border="0" cellpadding="10" cellspacing="0" width="100%"> <TR><TD class="DialogBox">{$content} </TD></TR> </TABLE><tr> <td colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="white"> <tr> <td width="9"> <div align="left"> [img]{$ImagesDir}/smalldialogcnr_left.gif[/img]</div> </td> <td></td> <td width="9"> <div align="right"> [img]{$ImagesDir}/smalldialogcnr_right.gif[/img]</div> </td> </tr> </table> </td> </tr> </td><TD></TR> </TABLE> {/if}


And here's an example of the result:

http://www.wayfarer.co.nz/forumexamples/images/cornersdemo.gif

What should I change to get that pesky right hand corner graphic over to the right where it belongs?
Reply With Quote