Søg
Avatar billede code0.dk Nybegynder
22. september 2002 - 20:45 Der er 11 kommentarer og
1 løsning

Layers

Jeg har en html side med 2 layers på, er der en måde hvorpå jeg kan sige
layer 1, skal være centreret og layer 2 skal forskudt med 20 i left og 30 i top, IFT. layer 1 ? dvs. så de kommer til at overlappe men altid stå i midten??
Code0.dk
Avatar billede knudgert Nybegynder
23. september 2002 - 03:38 #1
Kig på http://home13.inet.tele.dk/smedpark/test/centrer2a.htm

Jeg har ikke sat z-index, det er ikke nødvendigt, hvis lagene står i rigtig rækkefølge, bagerst først osv.

Men ellers kan du godt gøre det.

Hele sidens kode kommer her, men ellers kan det jo også ses på sidens kildekode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>centrering</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type ="text/css">
<!--

.div1     {
      position : absolute;
      top : 50% ;
      left : 50% ;
      width : 536px ;
      height : 361px ;
      margin-top : -181px ;
      margin-left : -268px ;
      margin-right : auto ;
      margin-bottom : auto ;
      padding : 0
    }
.div2    {
    color: white;
    background-color: green;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 20px;
    top: 30px;
    margin-right: auto;
    margin-bottom: auto;
    padding: 0
    }
-->
</style>
</head>
<body>

<div class="div1">
<img src="ae714.jpg" width="536" height="361" alt="tog, Schweiz">
<div class="div2">
<h1>Bla - Bla</h1>
</div>
</div>
</body></html>
Avatar billede code0.dk Nybegynder
23. september 2002 - 08:25 #2
njaaa hvad nu hvis layer2 ikke skal være indeni layer1 men overlappe det, så noget af det er indeni og noget udenfor
Avatar billede pelkjaer Nybegynder
23. september 2002 - 08:31 #3
Så kunne du fx. blot ændre top og left til fx. 50% ligesom div1, samt "un-neste" div tagsne.
Avatar billede code0.dk Nybegynder
23. september 2002 - 08:50 #4
jaa men hvis jeg nu vil have lag 2 til bare at overlappe top med 15 px, så er det jo lidt svært når man arbejder i %
Avatar billede pelkjaer Nybegynder
23. september 2002 - 08:56 #5
Så brug relativ positionering ift. div1
Avatar billede code0.dk Nybegynder
23. september 2002 - 09:44 #6
Njaaaa, men det SKAL være 15px den overlapper div1. og det er ret vigtigt det er helt nøjagtigt
Avatar billede pelkjaer Nybegynder
23. september 2002 - 09:53 #7
So, derfor kan du da sagtens bruge relativ p

Noget alá (utestet)

<html>
<head>
<title>centrering</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type ="text/css">
<!--
.div1 {
    position : absolute;
    top : 50% ;
    left : 50% ;
    width : 536px ;
    height : 361px ;
    margin-top : -181px ;
    margin-left : -268px ;
    margin-right : auto ;
    margin-bottom : auto ;
    background-color: #eee;
}
.div2 {
    color: white;
    background-color: green;
    width: 200px;
    height: 200px;
    position: relative;
    left: 0px;
    top: -15px;
}
-->
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<h1>Bla - Bla</h1>
</div>
</div>
</body>
</html>
Avatar billede code0.dk Nybegynder
23. september 2002 - 12:20 #8
ok'er det vil jeg lige prøve. Du hører fra mig senere idag.
Avatar billede code0.dk Nybegynder
24. september 2002 - 11:35 #9
har kigget på det nu pelkjaer>> og hvis du vil have point så skal du komme med et svar :)
Avatar billede code0.dk Nybegynder
07. oktober 2002 - 23:49 #10
pelkjaer>> hvaaa vil du ikke have point :)
Avatar billede pelkjaer Nybegynder
07. oktober 2002 - 23:49 #11
svar :)
Avatar billede code0.dk Nybegynder
07. oktober 2002 - 23:51 #12
ok'er og takker
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
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
White papers
Flere white papers »