Avatar billede psyclown Nybegynder
20. april 2003 - 20:53 Der er 14 kommentarer og
1 løsning

opacity

Jeg har det her i et iframe:

*********************************************************
*********************************************************

<html>
<head>
  <title>Limitless Dimension</title>
  <meta http-equiv="imagetoolbar" content="no">
  <meta http-equiv="imagetoolbar" content="false">
  <link rel="stylesheet" type="text/css" href="includes/style.css">
</head>

<body style="background-color:transparent" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td><img src="images/middle_c1.gif" width="511" height="74" border="0"></td>
    </tr>
  </table>
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" background="images/middle_c2.gif" alt="" width="511" height="224"></td>
    </tr>
  </table>
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td><img src="images/middle_c3.jpg" width="511" height="44" border="0"></td>
    </tr>
  </table>
  <div id="divOpaque">
    <table bgcolor="#ECECEC" class="opaque" cellpadding="0" cellspacing="0" border="0" width="456" height="224">
      <tr>
        <td></td>
      </tr>
    </table>
  </div>
</body>
</html>

*********************************************************
*********************************************************

Som de fleste nok kan se, er der et billede i den første og den sidste tabel...det hænger da også sammen til en box.
I midterste tabel er baggrunden lysegrå og den er 50% gennemsigtigt.

Selve iframet er også gennemsigtig, fordi den er sat ind over en side.
Men det er jeg gerne vil frem til er at, når man sætter opacity på en tabel og man f.eks. sætter noget tekst eller et billede ind i den tabel, så kommer det bagved det gennemsigtige. Altså opacity er øverst hele tiden, kan man ikke gøre et eller andet så det kommer til at være bagerst f.eks. med noget layer noget ??

På forhånd tak!
Avatar billede psyclown Nybegynder
20. april 2003 - 20:54 #1
class="opaque" er:

.opaque
{
    filter:alpha(opacity=50);
    -moz-opacity:0.500;
}
Avatar billede cdc Novice
20. april 2003 - 20:59 #2
du skal skrive din text i en div i den td hvor du har opaque
i tabellen
Avatar billede psyclown Nybegynder
20. april 2003 - 21:08 #3
og hvad skal der være i den div ?
Avatar billede cdc Novice
20. april 2003 - 21:12 #4
din text eller billed
Avatar billede psyclown Nybegynder
20. april 2003 - 21:13 #5
jaja, det forstår jeg godt, men den div skal jo have nogle værdier eller hjælper det jo ikke så meget...
Avatar billede cdc Novice
20. april 2003 - 21:39 #6
Avatar billede psyclown Nybegynder
20. april 2003 - 22:10 #7
okay, jeg kigger lige på det imorgen
Avatar billede cdc Novice
20. april 2003 - 23:07 #8
oki
Avatar billede psyclown Nybegynder
21. april 2003 - 16:20 #9
okay, nu har jeg prøvet med det script som olebole havde skrevet i det link du gav mig, men det kan jeg ikke få til at funke.
Jeg har prøvet på min egen måde og jeg kan ikke se hvorfor det ikke virker, men det er jo heller ikke sikkert at du kan se det, bare sådan lige.
Ville det hjælpe at jeg skriver koden til de sider som jeg bruger?? fordi det er lidt indviklet at forklarer, så det ville måske være lidt nemmere hvis du selv så koden og siden.
Avatar billede cdc Novice
21. april 2003 - 16:22 #10
jeg har desværre ikke tid idag
Avatar billede psyclown Nybegynder
21. april 2003 - 16:25 #11
okay, men jeg poster lige siderne, så kan du kigge på det når du har tid...okay ?
Avatar billede cdc Novice
21. april 2003 - 16:27 #12
ja
Avatar billede psyclown Nybegynder
21. april 2003 - 16:47 #13
*********************-HOVEDSIDEN-*********************
<html>
<head>
  <title>Limitless Dimension</title>
  <meta http-equiv="imagetoolbar" content="no">
  <meta http-equiv="imagetoolbar" content="false">
  <link rel="stylesheet" type="text/css" href="includes/style.css">
</head>

<body bgcolor="#ECECEC" leftmargin="0" topmargin="0">
  <table cellspacing="0" cellpadding="0" border="0">
    <tr>
      <td><img src="images/top_a1.jpg" width="419" height="230" border="0"></td>
      <td><img src="images/top_a2.jpg" width="175" height="230" border="0"></td>
      <td><img src="images/top_a3.jpg" width="126" height="230" border="0"></td>
      <td><img src="images/top_a4.jpg" width="284" height="230" border="0"></td>
    </tr>
    <tr>
      <td><img src="images/top_b1.jpg" width="419" height="52" border="0"></td>
      <td><img src="images/top_b2.jpg" width="175" height="52" border="0"></td>
      <td><img src="images/top_b3.jpg" width="126" height="52" border="0"></td>
      <td><img src="images/top_b4.jpg" width="284" height="52" border="0"></td>
    </tr>
  </table>
  <div id="divMenu"><iframe src="menu2.asp" marginheight="0" marginwidth="0" frameborder="0" name="menu" scrolling="no" width="215" height="698"></iframe></div>
  <div id="divMidta2"><img src="images/middle_a2.jpg" width="511" height="34" border="0"></div>
  <div id="divRighta3"><img src="images/middle_a3.jpg" width="284" height="400" border="0"></div>
  <div id="divMidtb2"><img src="images/middle_b2.jpg" width="511" height="366" border="0"></div>
  <div id="divMidtbox"><iframe src="midterbox.asp" marginheight="0" marginwidth="0" frameborder="0" name="midterbox" scrolling="no" allowtransparency="true" width="511" height="366"></iframe></div>
  <div id="divUp"><a href="java script:void(0);" onMouseDown="ScrollUp=true;" onMouseUp="ScrollUp=false;" onMouseOut="ScrollUp=false;"><img src="images/ArrowUp.gif" border="0"></a></div>
  <div id="divDown"><a href="java script:void(0);" onMouseDown="ScrollDown=true;" onMouseUp="ScrollDown=false;" onMouseOut="ScrollDown=false;"><img src="images/ArrowDown.gif" border="0"></a></div> 
</body>
</html>

*********************-IFRAME: menu2.asp-*********************
<html>
<head>
  <title>Limitless Dimension</title>
  <meta http-equiv="imagetoolbar" content="no">
  <meta http-equiv="imagetoolbar" content="false">
  <link rel="stylesheet" type="text/css" href="includes/style.css">
</head>

<body bgcolor="#ECECEC" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
  <table cellspacing="0" cellpadding="0" border="0">
    <tr>
      <td valign="top" rowspan="2">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="Untitled" width="132" height="400">
        <param name="movie" value="flash/menumedmusicswf.swf">
        <param name="quality" value="high">
        <embed src="flash/menumedmusicswf.swf" quality="high" width="132" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
        </object>   
      </td>
      <td valign="top"><img src="images/middle_a1.jpg" width="77" height="34" border="0"></td>
    </tr>
    <tr>
      <td valign="top"><img src="images/middle_b1.jpg" width="77" height="366" border="0"></td>
    </tr>
    <tr>
      <td valign="top"><img src="images/bottom_a1.jpg" width="132" height="298" border="0"></td>
      <td valign="top"><img src="images/bottom_a2.jpg" width="77" height="298" border="0"></td>
    </tr>
  </table>
</body>
</html>
*********************-IFRAME: midterbox.asp-*********************
<html>
<head>
  <title>Limitless Dimension</title>
  <meta http-equiv="imagetoolbar" content="no">
  <meta http-equiv="imagetoolbar" content="false">
  <link rel="stylesheet" type="text/css" href="includes/style.css">
</head>

<body style="background-color:transparent" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
  <div id="divMidtboxTop"><img src="images/middle_c1.gif" width="511" height="74" border="0"></div>
  <div id="divMidtboxMdl"><img src="images/middle_c2.gif" width="511" height="224" border="0"></div>
  <div id="divMidtboxBtm"><img src="images/middle_c3.jpg" width="511" height="44" border="0"></div>
    <div id="divMidtboxOpa">
    <table class="opaque" border="0" cellpadding="0" cellspacing="0" width="511" height="224">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
  </div>   
</body>
</html>
*********************-CSS-*********************
#divMenu
{
    position:absolute;
    left:0;
    top:282;
}

#divMidta2
{
    position:absolute;
    left:209;
    top:282;
}

#divMidtb2
{
    position:absolute;
    left:209;
    top:316;
}

#divRighta3
{
    position:absolute;
    left:720;
    top:282;
}

#divMidtbox
{
    position:absolute;
    left:209;
    top:316;
}

#divMidtboxTop
{
    position:absolute;
    z-index: 1;
}

#divMidtboxMdl
{
    position:absolute;
    left:0;
    top:74;
    z-index: 2;
}

#divMidtboxBtm
{
    position:absolute;
    left:0;
    top:298;
    z-index: 3;
}

#divMidtboxOpa
{
    position:absolute;
    left:0;
    top:74;
    z-index: 4;
}

.opaque
{
    filter:alpha(opacity=50);
    -moz-opacity:0.500;
}
***********************************************
Midterbox.asp er den side som jeg prøver at få til at virke, her er et link til selve siden, så du kan se hvordan det hele er bixet sammen.

http://www.cichlide-net.dk/limitless/index2.asp
Avatar billede psyclown Nybegynder
01. maj 2003 - 16:44 #14
har fundet en løsning
Avatar billede skjoldby Nybegynder
14. juli 2003 - 14:32 #15
lad os høre hvad løsningen er.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester