Avatar billede plugin- Nybegynder
13. januar 2004 - 02:45 Der er 4 kommentarer og
1 løsning

centrering af layers?

Jeg har følgende layers:

<span ID="cut" style="border:0px;z-index:3;position:absolute;width:410;height:330;left:70;top:80;clip:rect(0,420px,330px,0); overflow:hidden;">
<div id="content" style="position:absolute;left:0px; top:0px; width:410px; z-index:3;">
<font class="alm">
<br>eksperten.dk</font>
</div></span>

<span class="cover" id="cover"><img src="images/cover.png"></span>
<span class="logo" id="logo"><img src="images/logo.png" border="0"></span>
<span class="menu" id="menu"><img src="images/gaest_menu.bmp" border="0"></span>
<span class="uparrow" id="uparrow"><a onmouseover="java script:Scroll(1)" onmouseout="java script:StopIt()"><img src="images/uparrow.png" border="0"></a></span>
<span class="downarrow" id="downarrow"><a onmouseover="java script:Scroll(-1)" onmouseout="java script:StopIt()"><img src="images/downarrow.png" border="0"></a></span>
<span class="konsortie" id="konsortie"><a href="konsortie.asp"><img src="images/konsortiet.png" border="0"></a></span>
<span class="gaest" id="gaest"><a href="gaest.asp"><img src="images/gaest.png" border="0"></a></span>
<span class="kontakt" id="kontakt"><a href="kontakt.asp"><img src="images/kontakt.png" border="0"></a></span>
<span class="hunde" id="hunde"><a href="hunde.asp"><img src="images/hunde.png" border="0"></a></span>
<span class="galleri" id="galleri"><a href="galleri.asp"><img src="images/galleri.png" border="0"></a></span>
<span class="links" id="links"><a href="links.asp"><img src="images/links.png" border="0"></a></span>
<span class="sponsere" id="sponsere"><a href="sponsere.asp"><img src="images/sponsere.png" border="0"></a></span>
<span class="login" id="login"><a href="login.asp"><img src="images/login.png" border="0"></a></span>
<span class="start" id="start"><a href="index.asp"><img src="images/start.png" border="0"></a></span>

Jeg ved godt at der mangler noget css, men hvis jeg siger at det css som hører til de forskellige punkter stort set ser ud som id="content" layeret tror jeg det rækker.

Problemet er at jeg gerne vil have disse layers centreret så de ligegyldigt hvilken skærmopløsning der kørers med bliver sat i midten af skærmen, både i højden og i bredden.. kan dette evt. gøres vha. javascript? eller er der en lettere måde? Håber I kan hjælpe mig :>
Avatar billede arnejan Nybegynder
13. januar 2004 - 05:14 #1
Der er ikke noget som hedder layers . Det var noget det hed i netscape 4.6
Avatar billede stingbat Nybegynder
13. januar 2004 - 06:10 #2
arnejan:
Du tænker på <layer>

Men i praktisk bruges begrebet layers også om "lag" - i og med at du rent faktisk kan få alt lige fra tekst til billed lagt ovenpå hinanden, vha. DIV og SPAN. Så jo, der er noget der hedder layers ;)


plugin:
Indsæt følgende linie inden din første span:
<span style="text-align: center; width: 100%;">

og selvfølgelig slut den med </span> til sidst.
Ligeledes skal du huske at fjerne "position:absolute;" samt "left:70;top:80;" i din første <span...>
Avatar billede plugin- Nybegynder
13. januar 2004 - 12:58 #3
Well stingbat, enten har jeg gjort det forkert eller også virker det ikke.. det eneste det gør er at smadre min scrollbar :/ ingen af lagene bliver centret..
Avatar billede plugin- Nybegynder
13. januar 2004 - 13:01 #4
<span style="text-align: center; width: 100%;">

<span ID="cut" style="border:0px;z-index:3;width:410;height:330;clip:rect(0,420px,330px,0); overflow:hidden;">
<div id="content" style="position:absolute;left:0px; top:0px; width:410px; z-index:3;">
<font class="alm">
<br>
tekst</font>
</div></span>

<span class="cover" id="cover"><img src="images/cover.png"></span>
<span class="logo" id="logo"><img src="images/logo.png" border="0"></span>
<span class="menu" id="menu"><img src="images/gaest_menu.bmp" border="0"></span>
<span class="uparrow" id="uparrow"><a onmouseover="java script:Scroll(1)" onmouseout="java script:StopIt()"><img src="images/uparrow.png" border="0"></a></span>
<span class="downarrow" id="downarrow"><a onmouseover="java script:Scroll(-1)" onmouseout="java script:StopIt()"><img src="images/downarrow.png" border="0"></a></span>
<span class="konsortie" id="konsortie"><a href="konsortie.asp"><img src="images/konsortiet.png" border="0"></a></span>
<span class="gaest" id="gaest"><a href="gaest.asp"><img src="images/gaest.png" border="0"></a></span>
<span class="kontakt" id="kontakt"><a href="kontakt.asp"><img src="images/kontakt.png" border="0"></a></span>
<span class="hunde" id="hunde"><a href="hunde.asp"><img src="images/hunde.png" border="0"></a></span>
<span class="galleri" id="galleri"><a href="galleri.asp"><img src="images/galleri.png" border="0"></a></span>
<span class="links" id="links"><a href="links.asp"><img src="images/links.png" border="0"></a></span>
<span class="sponsere" id="sponsere"><a href="sponsere.asp"><img src="images/sponsere.png" border="0"></a></span>
<span class="login" id="login"><a href="login.asp"><img src="images/login.png" border="0"></a></span>
<span class="start" id="start"><a href="index.asp"><img src="images/start.png" border="0"></a></span>

</span>
Avatar billede plugin- Nybegynder
13. januar 2004 - 17:19 #5
Så i nogle tidligere spørgsmål og fandt svaret
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