Muskampen 2025: Segraren korad!
Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Lager på Lager?

1
Skriv svar
Permalänk
Medlem
●

Lager på Lager?

Jag har ett lager:

</div><div id="welcome" style=" text-align:center;margin-top:5px; z-index: 0;">TEXT</div>

och ett annat:

</div><div id="home" style=" text-align:center;margin-top:5px; z-index: 1;">TEXT</div>

Jag vill att dessa hamnar ovanpå varandra istället för på olika rader? Är det möjligt isf hur? Jag kan inte (tror jag) använda position absolute eftersom Lagren MÅSTE vara centrerade.

Visa signatur

AMD Athlon, Radeon 9800Pro in BX-02

Redigera
Citera flera Citera
Permalänk
Medlem
●
<div style="position:relative; width:400px; height:250px;></div>
<div style="position:relative; width:400px; height:250px; top:-220px;"></div>

typ så kanske

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det där gör att jag får ett jättefint centrerat lager..
Men jag förstå fortfarnde inte hur jag ska få dem ovanpå varandra.
(för en Hide-show - layersfunktion)

Sen hamnar dem lite för högt. vad ändrar jag för att sänka några px?

Visa signatur

AMD Athlon, Radeon 9800Pro in BX-02

Redigera
Citera flera Citera
Permalänk
Medlem
●

vad är adressen till sidan så är det lättare att exakt säga vad du skall ändra.

Ändra top:-220px; till nåt annat så flyttas den i höjdled.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Adressen är:

http://w1.620.telia.com/~u62009163/index1.htm

Jag vill att hejsan ska stå mitt i den svart utrymmet oavsett storlek på fönster.
Men inte bara lagret med texten "Hejsan" utan även andra som ska dyka upp
då jag håller musen över nån av knapparna.

jag vill alltså ha flera lager på samma position men endå centrerade.

PS. När jag ändrade -220px fick jag ingen förändring i höjdled.

Visa signatur

AMD Athlon, Radeon 9800Pro in BX-02

Redigera
Citera flera Citera
Permalänk
Medlem
●
<div id="welcome" style="text-align:center;position:absolute;width:400px;left:50%;margin-left:-200px;top:75px;z-index: 0">TEXT</div>

<div id="home" style="text-align:center;position:absolute;width:400px;left:50%;margin-left:-200px;top:75px;z-index: 1">TEXT2</div>

Funkar det?

Man kan centrera ett absolut positionerat lager genom att sätta vänstra sidan i mitten (left:50%) och sen flytta hela lagret halva sin bredd åt vänster (margin-left:-200px).

Du ändrar top:75px för att ändra positionen i höjdled.

Visa signatur

Personlig webbplats Talman2Batmanizer Slänko Remindera
Greasemonkey-script Artwork of Johanna Öst

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sidan är inte kompatibel med firefox, jobbigt att felsöka då.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Malesca 

<div id="welcome" style="text-align:center;position:absolute;width:400px;left:50%;margin-left:-200px;top:75px;z-index: 0">TEXT</div>

<div id="home" style="text-align:center;position:absolute;width:400px;left:50%;margin-left:-200px;top:75px;z-index: 1">TEXT2</div>

Funkar det?

Man kan centrera ett absolut positionerat lager genom att sätta vänstra sidan i mitten (left:50%) och sen flytta hela lagret halva sin bredd åt vänster (margin-left:-200px).

Du ändrar top:75px för att ändra positionen i höjdled.

Japp, det fungerade alldeles utmräkt :D. Tack så mycket.

Visa signatur

AMD Athlon, Radeon 9800Pro in BX-02

Redigera
Citera flera Citera
1
Skriv svar