---

Jeg roder lidt med en række menuknapper der er lagt delvis oven på hinanden:

<div style="position:absolute;top:0;left:180px;><a href="links.htm"><img
src="links.gif" border="0"></a></div>

<div style="position:absolute;top:0;left:90px;><a href="tips.htm"><img
src="tips.gif" border="0"></a></div>

<div style="position:absolute;top:0;left:10px;><a href="menuframe.htm"><img
src="cssmenu.gif" border="0"></a></div>

Jeg vil gerne have lagt de enkelte knapper "øverst" ved onClik, eventuelt
ved hjælp af z-index, men jeg har endnu ikke fundet ud af at styre det på
den rigtige måde.

Er der en der har lyst til at eksperimentere lidt med det - og vende tilbage
med en løsning?

--
Allan

---

"Allan Vebel" <allan@vebel.dk> wrote in message
news:Eiav6.216$l31.24741@news.get2net.dk...
> Jeg vil gerne have lagt de enkelte knapper "øverst" ved onClik, eventuelt
> ved hjælp af z-index, men jeg har endnu ikke fundet ud af at styre det på
> den rigtige måde.

Jeg sad lige og legede lidt med det, men fik det kun til at virke i IE....
Med:

document.getElementById('knapid').style.zIndex = 3;

Men husk at z-index skal være der fra starten af og at du skal nulstille de
andre z-indexer når du hæver en ny.

Jeg kigger lige noget mere på det senere....

--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "

---

"Jakob Andersen" <jakob@andersen.as> wrote
> document.getElementById('knapid').style.zIndex = 3;

Du kan selvfølgelig også lave to classes... hvor den ene er hævet og den
anden er sænket og så bruge:

onClick= "this.className = 'top';"

--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "

---

Jakob Andersen <jakob@andersen.as> skrev

> onClick= "this.className = 'top';"

Det er faktisk den jeg har leget med, men når jeg har klikket på alle
knapperne, så ligger de jo alle på samme z-index. Jeg skal så have fat i
alle knapperne for at sætte dem til en lavere z-index end den der bliver
klikket på - det er det der volder lidt hovedbrud.

Jeg prøver også selv at lege lidt videre og vender tilbage hvis jeg finder
de vises sten.
--
Allan

---

"Allan Vebel" <allan@vebel.dk> wrote
> Jeg prøver også selv at lege lidt videre og vender tilbage hvis jeg finder
> de vises sten.

Tillad mig at servere en lille aperetif:

Lav to classes, en der hedder "top" og en der hedder "bund", disse kalder du
så for knap1, ,knap2, knap3 ............. knapx

<SCRIPT TYPE="text/javascript">
var antal_knapper = 3; //her skriver du hvor mange knapper der er..
function moveup(n){
for(i=1;i <= antal_knapper;i++){
document.getElementById('knap' + i).className = 'bund';
}
document.getElementById('knap' + n).className = 'top';
}
</SCRIPT>

Er testet i NN6 og IE5.5 og det virker i begge.... (Er 100% sikker på at det
ikke virker i NN4)
--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "

---

Jakob Andersen <jakob@andersen.as> skrev
>
> Tillad mig at servere en lille aperetif:

Tak! Det fungerer næsten, men når jeg klikker på knap1 er knap3 stadig
øverst.

Se www.vebel.dk/css , hvor jeg har lagt eksemplet.

--
Allan

---

>
> Se www.vebel.dk/css , hvor jeg har lagt eksemplet.

Nå, nu har jeg lavet det på en helt anden måde.

--
Allan