Jump to content

two backgrounds in one cell


M.O.S. Studios

Recommended Posts

Hey guys, i want to have a mirror image one the top right and bottom left corners of a cell, does any one know how to do that?

 

here is my code

 

<?php
list($reswidth, $resheight)=getimagesize('logo.gif');
?>

<html>
<head>
<style type="text/css">
div.wrapper { 
width:100%; 
} 
div.left_column {
width=23%;
float:left; 
text-align:right; 
vertical-align:top; 
}

div.content {
Position:absolute;
top: <?php echo $resheight/2;?>px;
left: <?php echo $reswidth+10;?>px;
width:800; 
height:700;
float:left;
text-align:right;
background-color: #ff9a9a;
background-IMAGE: url(images/content_bg1.gif);
background-repeat: no-repeat;
background-position: top left;
border-width: .5em; 
border-style: solid; 
border-color: #504e4f; 
}


div.right_column { 
float:right; 
text-align:center; 
vertical-align:middle;
} 
hr { 
clear:both; 
display:block; 
visibility:hidden;} 


</style>
</head>

<body bgcolor='#000000' text='#ffffff'>

<?php echo $reshiegh; ?>
<img src='logo.gif'>

<div class="wrapper"> 

<div class="left_column">
 <?php
          $menus=urlencode("Home");
          $url=urlencode("index.php");
          include("menus/menus.php");

          $menus=urlencode("Portfolio");
          $url=urlencode("index.php?page=portfolio");
          include("menus/menus.php");

          $menus=urlencode("Contact us");
          $url=urlencode("index.php?page=contact");
          include("menus/menus.php");
         ?>
</div> 
<div class="content"> 


</div> 

<div class="right_column"> 
</div> 

</div>

Link to comment
https://forums.phpfreaks.com/topic/146804-two-backgrounds-in-one-cell/
Share on other sites

I tried that, maybe i did it imporoperly,

 

the problem i ran into is the content. i want the content to fill the box  as if it was one full box, when i added the 2nd div it dived the box width wise(or hight wise depending on how i did it),  do u know how i can change that?

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.