webForumDet fria alternativet

Dölj/visa lager ovanpå varandra..

HTML & CSS

4 svar · 444 visningar · startad av evilaid

Medlem sedan apr. 2009433 inlägg
Frågan#1

Hej

Har ett litet dilema och vet inte till 100% hur jag ska lösa det.

det är så att jag har en ruta på sidan alltså en "div".. Nu är det så att jag vill ha flera divar på liggande på varanadra men så att bara en av dessa visas, klickaar man sedan på ex länken "kontakt" så ska ett av lagren visas och resterande döljas.

jag vet nog hur man dljer och visar lager mha javascript men inte hur jag ska göra för att placera lagren på varandra?

Kommer dte funka att göra så här??

Anledningen är att jag inte vill ladda om sidan utan när sidan laddas försts gången så fylls lagren på med information och broende på vilken länk man klickar på så visas några av lagren??

Skulle ju kunna använda ajax men det handlar om så lite text i varje div så det vorde ju smidigare om man kan ladda in att på en gång, eller?

Öppen för andra ideer?

Mvh

Medlem sedan okt. 2007446 inlägg
#2

För att lägga flera "lager" på varandra så kan du ju använda dig av absolut position på de divs som skall ligga över varandra

tex

CSS:

#placeholder{
position:relative;
width:150px
height:150px;
}
#lager1{
Position:absolute;
Left:0;
Top 0
Width:120px;
Height:120px;
}
osv

HTML:
<div id="placeholder">
  <div id="lager1"> Lager 1</div>
  <div id="lager2"> Lager 2</div>
  <div id="lager3"> Lager 3</div>
</div>

Om du bara skall visa en div i taget så borde det dock funka med att bara lägga dem under varandra och dölja/visa dem

samma effekt som detta ger

<div id="placeholder">
  <div id="lager1" style="display:none;"> Lager 1</div>
  <div id="lager2"> Lager 2</div>
</div>
Medlem sedan apr. 2009433 inlägg
#3

ditt första exempel funkar..

Gick dock inte lägga dom under varandra utan att de reserverade utrymme...

vad är skillnaden på display:none och visibility: hidden..

tack

Medlem sedan okt. 2007446 inlägg
#4

skillnaden är ungefär vad det låter som
display:none = visa inte, samma effekt som att elementet inte finns alls
visibility: hidden=visa inte, men elementet tar upp den plats man angett att det skall ta

Medlem sedan apr. 2009433 inlägg
#5

ok... Jag använde visibility i början, var därför det tog upp lpats hela tiden

264 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)