pghcollectibles
05-22-2008, 03:26 PM
im making some templates for my wife to edit pages and layout and the box is not appearing correctly
the top and bottom borders are displayed but not the sides. i am using firefox.
this is the link (http://mommysquirrel.pghcollectibles.com) at the moment
this is the code:
index.php
<html>
<head>
<?php $box_color='000000'; ?>
<style type="text/css">
div.top {border-top: 1px solid #<?php echo $box_color; ?>}
div.bottom {border-bottom: 1px solid #<?php echo $box_color; ?>}
div.left {border-left: 1px solid #<?php echo $box_color; ?>}
div.right {border-right: 1px solid #<?php echo $box_color; ?>}
</style>
</head>
<body>
<div align="center">
<table cellspacing="5">
<tr>
<td colspan="3">
<?php
// header
$box_color='ffffff';
$corner_radius='15';
$box_width='800';
$width=$box_width-(2 * $corner_radius);
$font_color='00ffff';
$content='<div align="center"><font size="28px" color="#00ffff">Mommies and Babies</font></div>';
require('includes/box.php');
?>
</td>
</tr>
...
and box.php
<table border="0" cellpadding="0" cellspacing="0">
<tbody bgcolor="#<?php echo $box_color; ?>" color="#<?php echo $font_color; ?>">
<tr>
<td>
<?php
echo "<img src='images/top_left_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
<td valign="top" width="<?php echo $width; ?>">
<div class="top">
</div>
</td>
<td>
<?php
echo "<img src='images/top_right_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
</tr>
<tr>
<td align="left" height="100%">
<div class="left">
</div>
</td>
<td>
<?php echo $content; ?>
</td>
<td align="right">
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<?php
echo "<img src='images/bottom_left_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
<td valign="bottom">
<div class="bottom">
</div>
</td>
<td>
<?php
echo "<img src='images/bottom_right_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
</tr>
</tbody>
</table>
the box is just a simple 3x3 table to make rounded corners
i dont see the problem, the coding is "identical" in the style for each type and for each div
thanks for any help
the top and bottom borders are displayed but not the sides. i am using firefox.
this is the link (http://mommysquirrel.pghcollectibles.com) at the moment
this is the code:
index.php
<html>
<head>
<?php $box_color='000000'; ?>
<style type="text/css">
div.top {border-top: 1px solid #<?php echo $box_color; ?>}
div.bottom {border-bottom: 1px solid #<?php echo $box_color; ?>}
div.left {border-left: 1px solid #<?php echo $box_color; ?>}
div.right {border-right: 1px solid #<?php echo $box_color; ?>}
</style>
</head>
<body>
<div align="center">
<table cellspacing="5">
<tr>
<td colspan="3">
<?php
// header
$box_color='ffffff';
$corner_radius='15';
$box_width='800';
$width=$box_width-(2 * $corner_radius);
$font_color='00ffff';
$content='<div align="center"><font size="28px" color="#00ffff">Mommies and Babies</font></div>';
require('includes/box.php');
?>
</td>
</tr>
...
and box.php
<table border="0" cellpadding="0" cellspacing="0">
<tbody bgcolor="#<?php echo $box_color; ?>" color="#<?php echo $font_color; ?>">
<tr>
<td>
<?php
echo "<img src='images/top_left_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
<td valign="top" width="<?php echo $width; ?>">
<div class="top">
</div>
</td>
<td>
<?php
echo "<img src='images/top_right_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
</tr>
<tr>
<td align="left" height="100%">
<div class="left">
</div>
</td>
<td>
<?php echo $content; ?>
</td>
<td align="right">
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<?php
echo "<img src='images/bottom_left_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
<td valign="bottom">
<div class="bottom">
</div>
</td>
<td>
<?php
echo "<img src='images/bottom_right_" . $box_color . "_cir.gif' width='" . $corner_radius . "' height='" . $corner_radius . "'>";
?>
</td>
</tr>
</tbody>
</table>
the box is just a simple 3x3 table to make rounded corners
i dont see the problem, the coding is "identical" in the style for each type and for each div
thanks for any help