You also need to put a space in the < td> with the boxLink in it to stop the browser collapsing the cell. ie. infoBoxHeadingRight You may also need to add some padding or margin to the infoBoxHeadingRight.
This is a discussion on please help for my template within the Templating, CSS, Design forums, part of the osCmax V2.5 Forums category; You also need to put a space in the < td> with the boxLink in it to stop the browser ...
You also need to put a space in the < td> with the boxLink in it to stop the browser collapsing the cell. ie. infoBoxHeadingRight You may also need to add some padding or margin to the infoBoxHeadingRight.
Last edited by pgmarshall; 01-09-2012 at 07:39 AM.
pgmarshall
_______________________________
Hi, finaly I sove it with this code in box.tpl.php:
<td class="infoBoxHeadingLeft" width="100%" > <?php echo $boxHeading; ?></td>
<td class="infoBoxHeadingRight" style="padding-left:10px;"><?php if (isset($boxLink)) echo $boxLink; ?></td>
and add this in my stylesheet:
TD.infoBoxHeadingLeft { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; background:url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; height:25px; border-radius:4px 0 0 0; text-align: left;}
TD.infoBoxHeadingRight { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; background:url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 65% 50% repeat-x; height:25px; border-radius:0 4px 0 0; text-align: right;}
The result is nice for me (all corners is with border-radius), without any image, I can change background speedy and easy, and the link image is align at right.
Thanks for your help.
Bookmarks