Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11

Thread: transparency

  1. #1
    Junior Member Haemonculus's Avatar
    Join Date
    Jan 2006
    Location
    Portugal
    Posts
    8
    Member #
    12318
    Hi!
    I've just joined this community, and i must say that i've already learn alot.
    One of the thing i learned was using the slice tool to make websites.

    So inpired, i created a background image to slice later. but I have a question:

    ok, so picture this:

    I have a header, with the navigation bar ( each "button" shall be sliced), but then i'll have a content area. I must say for reference that it's a band web site, so you know the drill: news, audio, pics, etc.

    ok, so what i want is all that's inside the content area has a transparent background so that we can see the image behind(being this image a part(slice) of the website image.

    I hope you understood my weak english, and thart you can help me on this.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    If you make the image your "background image", anything you place
    on your web page will go over the top. Text will appear to float over
    the background image.

    If you place any graphics, it will cover the background unless you have
    a "transparency" color specified for that image... assuming it's a .gif image,
    or any type that allows you to select a transparent color.

    You might want to give us a link to the site you're working on.... this
    would really help us visualize what you're trying to do.


  4. #3
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    There are also ways to do transparency in CSS if you want to make any elements (non-images) transparent as well.

  5. #4
    Junior Member Haemonculus's Avatar
    Join Date
    Jan 2006
    Location
    Portugal
    Posts
    8
    Member #
    12318
    thanks for the attention!

    let me explain better:

    I have Slice X , and i want to write over it. i can't make it background image because it ain't one...
    this image is in a table cell that photoshop created (i saved for web), so it's like:
    Code:
         <td colspan="6">
           <img src="images/background_08.jpg" width="666" height="348" alt="">
       </td>
    what i want is sort of a textfield that ocupies the whole cell, above this image.

    Attached Images Attached Images

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    I'm not sure that I'm getting this yet, but why can't you do this:

    <td background="images/image1.gif" colspan="6">
    Here is my menu text
    </td>


    ---- all about table backgrounds ----
    http://www.google.com/search?q=td+ba...ge&btnG=Search


  7. #6
    Junior Member Haemonculus's Avatar
    Join Date
    Jan 2006
    Location
    Portugal
    Posts
    8
    Member #
    12318
    Quote Originally Posted by mlseim
    I'm not sure that I'm getting this yet, but why can't you do this:

    <td background="images/image1.gif" colspan="6">
    Here is my menu text
    </td>


    ---- all about table backgrounds ----
    http://www.google.com/search?q=td+ba...ge&btnG=Search

    i tried that, but the image simply disapears and the slices above separate from each other. :s
    well, i guess i'll try with iframes.
    thanks!

  8. #7
    Junior Member Haemonculus's Avatar
    Join Date
    Jan 2006
    Location
    Portugal
    Posts
    8
    Member #
    12318
    Hi again!

    I tried again with your code:
    Code:
     <td background="images/image1.gif" colspan="6">
             Here is my menu text
      </td>
    and by saying the exact size for each row of cells the slices "glued" together!


    but now i have another problem... :-[
    I want that when I write in the cell and the text is too big for the space available, i want to have a scroll bar, so that the image is still and we can scroll the text...
    thanks, in advance!

  9. #8
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    try this:


    <table><tr>
    <td background="images/image1.gif" colspan="6">
    <div style="overflow: auto;">

    Here is my menu text<br>
    blah blah blah<br>

    </div>
    </td>
    </tr>
    </table>



    .


  10. #9
    Junior Member Haemonculus's Avatar
    Join Date
    Jan 2006
    Location
    Portugal
    Posts
    8
    Member #
    12318
    still not working..


    another thing is that when I see the page in IE things apear diferent than in mozilla(in mozilla everything is right).

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    I think I need to see it (give us a link).
    Too hard to debug and not be able to see what's happening.



Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com