31 users online (0 members and 31 guests)  


  Results 1 to 11 of 11

Related

  1. Semi Transparent Background    Forum: CSS Forum
    Replies: 13
  2. Transparent Frameset Background.    Forum: HTML Forum
    Replies: 2
  3. Replies: 2
  4. Background image in framesets    Forum: HTML Forum
    Replies: 0
  5. transparent background from b&w *.ps, *.eps    Forum: Graphics Forum
    Replies: 1
  1. #1
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7

    transparent background in framesets

    Hi,
    I've been searching everywhere but couldn't find a solution. I really hope someone here knows...
    my layout contains a transparent iframe and 1 of the pages in the iframe has 2 frames, top and bottom. The top is for the flash menu, the bottom is the targeted html pg. Both of these frames are transparent but when i put them together in a frameset they have a white background....is there such thing as transparent framesets?? I've tried allowtransparency="true" which does nothing,and <body style="background-color:transparent;background-image:none;"> (my frameset inside here)</body> which wipes out the whole page.

    here's my frameset page
    <HTML><HEAD><TITLE>dollz</TITLE></HEAD>
    <frameset framespacing="0" border="0" frameborder="0"
    rows="60,*"><frame name="menu"
    target="main" scrolling="no" marginwidth="0"
    marginheight="0" src="top.html" ><frame name="main" marginwidth="0" marginheight="0"
    scrolling="auto" src="main.html" target="_self">
    </frameset></HTML>

    Thanks, i'd really appreciate any advice.

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi, welcome to the forum.

    The iframe is not transparent, but the document inside it should be.

    Try adding

    HTML Code:
    <style type="text/css">
    body
    {
    background-color: transparent;
    }
    </style>
    To the document thats inside the iframe.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    thanks for the quick reply!
    i just tried it and the whole frameset page became clear.
    here's the code for my framesetpage which is inside the iframe.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"> <HTML><HEAD>
    <TITLE>small dollz</TITLE></HEAD>
    <style type="text/css">
    body
    {
    background-color: transparent;
    }

    <frameset framespacing="0" border="0" frameborder="0"
    rows="21,*"> <frame name="menu" target="main"
    scrolling="no" marginwidth="0" marginheight="0"
    src="dollztop.html" >
    <frame name="main" marginwidth="0" marginheight="0"
    scrolling="auto" src="dollzmain.html" target="_self">
    </frameset></style></HTML>

  4. #4
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    what i meant was the even the contents..images and text disappeared =(

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi,

    you missed out the </style>, thats why its all disappeared.

    Also, the code needs to go in the src of the frames, not the frameset page. By the src, I mean dollzmain.html for example.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  6. #6
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    hi, my site is now at

    http://s88077848.onlinehome.us/dollzsite/dollzhomepage.html and like i said before, the 2 individual frames are transparent already using<body style="background-color:transparent;background-image:none;"> alone
    but i tried it your way using the bottom page in the frameset
    ....i wasn't sure where to put the code so the first try i put it before <body> and </body></style> then i put it after the <body> like this:


    <HTML>
    <HEAD>
    <TITLE>dollzmain</TITLE>
    <style text="text/css">
    <!--body {
    scrollbar-3dlight-color: #40FF40;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #40FF40;
    scrollbar-darkshadow-color: #40FF40;
    scrollbar-face-color: #40ff40;
    scrollbar-highlight-color: #40FF40;
    scrollbar-shadow-color: #40FF40;
    scrollbar-track-color: #40FF40;
    }
    -->

    A:link
    {color:#33ccff; text-decoration:none; font-weight:bold;}
    A:visited
    {color:#3399ff; text-decoration:line-through; font-weight:bold;}
    A:active
    {color:#33ccff; text-decoration:none; font-weight:bold;}
    A:hover
    {
    position: relative; left: 2px; top: 3px;
    TEXT-DECORATION: none;
    -->
    </style>



    <script language="JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    // -->
    </script>

    <script language="JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    // -->
    </script>



    <style type="text/css">
    A:hover
    {
    position: relative; left: 1px; top: 1px;
    TEXT-DECORATION: none;
    }
    </style>





    <base target="_self">

    </HEAD><body>

    <--! EDIT-------------------------------- -->
    <style type="text/css">
    body
    {
    background-color: transparent;
    }
    <--! end ------------------------------->

    <p>&nbsp;</p>

    <br>
    <p>&nbsp;</p>
    <!--content -->

    <table width="518" border="0" cellspacing="5">
    <tr>
    <td width="125"><img src="http://s88077848.onlinehome.us/dollzsite/1.gif"> </td>
    <td width="119"><img src="/dollzsite/dancer.gif"></td>
    <td width="124"><img src="/dollzsite/evelin.gif"></td>
    <td width="117"><img src="/dollzsite/cat.gif"></td>
    </tr><tr><td><br><a href="http://cristalplanet.host.sk/">Cristal Planet</a></td></tr>
    </table>
    <!-- edit ------------------------------->
    </style>
    </body></html>


    thanks for your help

  7. #7
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    sorrie,it's
    http://s88077848.onlinehome.us/dollzsite/dollzhomepage.html

    the frameset pg is under "regular" the first page is what i altered, if you click on "2"in the menu, you'll see the frameset with a bg i made

  8. #8
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi again,

    both links give me "error 404: File not found"

    I would like to see the page if possible. Remember, I am not so sure we can even do this
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  9. #9
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    Hi Dean,
    it's http://s88077848.onlinehome.us/dollzsite/a.html
    but i've basically given up on this...someone did tell e that they don't think that it's possible.

  10. #10
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi,

    the bit with all the text in, thats transparent. Am I missing something?
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  11. #11
    sarafina9876's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    7
    that's not a frameset page neither is the "animated" link,if you click on "regular" it will take the iframe to a frameset page ..in this case it's dollzsmall. Dollzsmall is divided into 2 frames top=menu bottom=for display. All the 6 pages in this "regular" frameset are not transparent once it's in the frameset. BUt outside of the frameset, the top and bottom are transparent.