Søg
Avatar billede jmc Nybegynder
12. januar 2005 - 20:46 Der er 9 kommentarer og
1 løsning

div layers ontop virker ikke, men hvorfor ikke?

Hvorfor kan disse layers ikke befinde sig oven på hinanden?

Style
.translayerR {
    filter: Alpha(Opacity=50);
    -moz-opacity: 0.2;
    opacity: 0.2;
    position:relative;
    width:130px;
    height:100%;
    z-index:1;
    background-color:#660000 ;
}

.contentR {
    position:relative;
    z-index:2;
    width:130px;
    height:100%;
    }

HTML
<div id=R2 class="translayerR">&nbsp;</div>
                  <div id=R1 class="contentR"><br>
                    <table width="100%" border="0" align="right" cellpadding="5" cellspacing="0">
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">bla bla</font></td>
                      </tr>
                    </table>
                  </div>
Avatar billede morteeart Nybegynder
12. januar 2005 - 20:51 #1
fordi at z-index kun er til position: absolute;
Avatar billede morteeart Nybegynder
12. januar 2005 - 20:54 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
  <head>
<style type="text/css">

.translayerR {
    filter: Alpha(Opacity=50);
    -moz-opacity: 0.2;
    opacity: 0.2;
    position: absolute;
    width: 130px;
    height: 100%;
    z-index:1;
    background-color:#660000 ;
}

.contentR {
    position: absolute;
    z-index:2;
    width:130px;
    height:100%;
    }
</style>
</head>
<body>

<div id="R2" class="translayerR">&nbsp;</div>
<div id="R1" class="contentR">
  <br>
  <table width="100%" border="0" align="right" cellpadding="5" cellspacing="0">
    <tr>
      <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">bla bla</font></td>
    </tr>
  </table>
</div>

</body>
</html>

Overstående virker fint ;-)
Avatar billede jmc Nybegynder
13. januar 2005 - 12:58 #3
jeg kan ikke få det til at virke her, teksten 1111 og 222 udskrives ikke...

<html>
<head>
<title>00</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Fireworks MX Dreamweaver MX target.  Created Mon Nov 24 22:29:34 GMT+0100 (Rom, normaltid) 2003-->
<style type="text/css">
<!--
.thinline {
    border: thin solid #999999;
}
.header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

body{
scrollbar-3d-light-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
scrollbar-base-color : black;
scrollbar-dark-shadow-color : #333333;
scrollbar-face-color : #333333;
scrollbar-shadow-color : #FFFFFF;
scrollbar-highlight-color : #333333;
overflow: auto;
}
.translayerL {
    filter: Alpha(Opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    position:absolut;
    width:130px;
    height:100%;
    z-index:1;
    background-color: #993300;
}

.translayerR {
    filter: Alpha(Opacity=50);
    -moz-opacity: 0.2;
    opacity: 0.2;
    position:absolut;
    width:130px;
    height:100%;
    z-index:1;
    background-color:SaddleBrown;
}

.contentL {
    position:absolut;
    z-index:2;
    width:130px;
    height:100%;
    }
   
.contentR {
    position:absolut;
    z-index:2;
    width:130px;
    height:100%;
    }
--></style>
<link href="template_style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/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>
</head>
<body bgcolor="#ffffff" background="/gfx/bg/bg.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="790" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" height="115" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="800"><table width="100%" height="397" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="130" valign="top"> 
                    <div id=R2 class="translayerL">&nbsp;</div>
                  <div id=L1 class="contentL"> <img src="/gfx/logo.gif" width="132" height="53"><br>
                    <table width="100%" border="0" align="right" cellpadding="5" cellspacing="0">
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">11111</font></td>
                      </tr>
                    </table>
                  </div></td>
                <td width="503" valign="top" background="gfx/bg/midt.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tr>
                      <td><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif"><frontgate name="Tekst">indhold</frontgate></font></td>
                    </tr>
                  </table>
                 
                </td>
                <td width="126" height="397" valign="top">
                  <div id=R2 class="translayerR">&nbsp;</div>
                  <div id=R1 class="contentR"><br>
                    <table width="100%" border="0" align="right" cellpadding="5" cellspacing="0">
                      <tr>
                        <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">22222</frontgate></font></td>
                      </tr>
                    </table>
                  </div></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>


du skal have points
Avatar billede morteeart Nybegynder
13. januar 2005 - 13:28 #4
nej tak , samler ikke på point.

HUSK DOCTYPE selvom crappy dreamweaver glemmer det, eller er chancen for at det ikke virker ret stor når man arbejder med css.
Avatar billede jmc Nybegynder
13. januar 2005 - 15:05 #5
ok, takker
men det hjalp ikke..

111 og 222 kan ikke ses her.... dvs. det layer som hedder contentL eller contentR
Avatar billede jmc Nybegynder
13. januar 2005 - 15:10 #6
hvis jeg fjerner:
<div id=R2 class="translayerR">&nbsp;</div>
<div id=R2 class="translayerL">&nbsp;</div>

så er det andet lag pludseligt synligt
Avatar billede jmc Nybegynder
13. januar 2005 - 20:19 #7
selvom jeg retter til absolut og benytter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Så virker det stadigt ikke :O(
Avatar billede morteeart Nybegynder
13. januar 2005 - 23:29 #8
korrekt doctype ellers virker det stadig ikke, og du SKAL !! have DTD link med for at stakkels internet explorer vil reagere på det.
Avatar billede jmc Nybegynder
14. januar 2005 - 07:58 #9
takker
Avatar billede jmc Nybegynder
14. januar 2005 - 07:58 #10
det skulle være:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
White papers
Flere white papers »