Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Dec 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    how can i make a transparrent....

    hello everyone, im trying to make a tranparrent image show up behind some text. The page is a php page and the code the i want to alter is the following:
    Code:
         <td valign="top" bgcolor="#FFFFFF" style="BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; BORDER-LEFT: #555555 0px solid; BORDER-BOTTOM: #555555 1px solid" width="300">
                
                <img src="./images/menupost.gif" vspace="0" border="0" alt width="45" height="45" />
      <b>Latest Forum Posts</b><br>
                <hr align="left" style="width:80%;color:#555555;border:none;height:1px">
                
      <?php
    
      include("posts.php");
    
      ?>
    I want to make the image menupost show up behind the text...ihave included an image of what i want to edit....thanx for the help!
    Attached Thumbnails Attached Thumbnails how can i make a transparrent....-help.gif  

  • #2
    New Coder
    Join Date
    Nov 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Did you already put the image as the background of your table and it didnt work? I remember hearing that IE doesnt preserve transparencies when using the image as a background. I dont know if thats true or not. Anyone know for sure?

  • #3
    New to the CF scene
    Join Date
    Dec 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ill try that??? but by looking at the code, how would you do that, put the image as the background of the table?

  • #4
    [m]
    [m] is offline
    New Coder
    Join Date
    Nov 2002
    Location
    Virginia, USA
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts
    u could also layer it behind but that is not usualy a good idea sence it would be alot more work and is is supported difrently by the browsers.....I'd use the table BG

    here is what I tried:
    PHP Code:
    <TABLE  border="0" cellspacing="0" cellpadding="0">
         <
    TR>    
              <
    TD style="background-image: url(help.gif);">
                   
    your words</TD>
         </
    TR>
    </
    TABLE
    I used styles becuse I like them...there is a way to do it w/o styles and it is alot less code..
    PHP Code:
    <TABLE  border="0" cellspacing="0" cellpadding="0">
         <
    TR>    
              <
    TD background="help.gif">
                   
    your words</TD>
         </
    TR>
    </
    TABLE
    Last edited by [m]; 12-14-2002 at 08:02 AM.
    .:mike:.

    I'm a newbie

  • #5
    New to the CF scene
    Join Date
    Dec 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thnax mike, but is there a way to do it without getting the images to repeat themsleves??? just show one image and thats it

  • #6
    [m]
    [m] is offline
    New Coder
    Join Date
    Nov 2002
    Location
    Virginia, USA
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok I'm pretty sure to do that u'd need styles.whew took me a while...here is what u put in hope this is what u want:

    PHP Code:


         <td valign="top" style="BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; BORDER-LEFT: #555555 0px solid; BORDER-BOTTOM: #555555 1px solid" width="300">
                
                <img style="position:absolute;left:100px;top:50px;z-index:-1;" src="./images/menupost.gif" vspace="0" border="0" alt width="45" height="45" />
      <b>Latest Forum Posts</b><br>
                <hr align="left" style="width:80%;color:#555555;border:none;height:1px">
                
      <?php

      
    include("posts.php");

      
    ?>
    that sould position the image, and I had to take out the bg color of the TD tag. I dunno if the positioning will work in browsers other then IE
    Last edited by [m]; 12-14-2002 at 08:59 AM.
    .:mike:.

    I'm a newbie

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    NL
    Posts
    421
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Using CSS, it is also possible to position a background-image:
    http://www.devguru.com/Technologies/...dposition.html


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •