Avatar billede -thomas- Nybegynder
28. november 2003 - 10:33 Der er 2 kommentarer og
1 løsning

<div> placering

Jeg har følgende (se http://www.eksperten.dk/spm/433296):

<html>
<head>

<style>
#boxelement
{
position: absolute;
visibility:hidden;
}
</style>

<script type="text/javascript">
function vis(t,l,h){
  e= document.getElementById('boxelement')
  e.style.top = (t+h)+"px"
  e.style.left = l+"px"
  e.style.visibility = (e.style.visibility=="visible")?"hidden":"visible"
}
</script>
</head>

<body>

<table width=200 align=center><tr><td>

<a href="#" onclick="vis(this.offsetTop,this.offsetLeft,this.offsetHeight);">Kliks</a>

<div id="boxelement">Tekst</div>

</td></tr></table>

</body>
</html>

Er det muligt at lave det, så "boxelement" altid bliver placeret lige under linket, selvom det hele ligger i en tabel (det virker fint uden tabellen)? Og bliver skjult ved browser resize.
Avatar billede medions Nybegynder
28. november 2003 - 10:57 #1
<span id="boxelement">Tekst</span>

prøv sådan...

//>Rune
Avatar billede -thomas- Nybegynder
28. november 2003 - 11:02 #2
Det gør det samme. Et alternativ kunne være:

Er det muligt at placere nedenstående <div>, så det altid vil være 110px fra toppen og højrestillet? Altså en form for absolut positionering, men med relative værdier. Som det er nu, vil den rykke sig for andet indhold på siden.

<html>
<head>
<style type="text/css">
#element
{
position: relative;
top: 110px;
}
</style>

</head>
<body>
<div id="element" align="right">Tekst</div>

</body>

</html>
Avatar billede grunken Nybegynder
28. november 2003 - 17:31 #3
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
#boxelement
{       
position:absolute;
top:20px;
left:950px;
visibility:hidden;
}
</style>

<script type="text/javascript">

function vis(obj){
var pos = {x:0,y:0};
var hoj = obj.offsetHeight;

while (obj) {
pos.x += parseInt( obj.offsetLeft, 10 );
pos.y += parseInt( obj.offsetTop, 10 );
obj = obj.offsetParent;
}
e = document.getElementById('boxelement')
e.style.top = (pos.y + hoj)+"px";
e.style.left = pos.x+"px"
e.style.visibility = (e.style.visibility=="visible")?"hidden":"visible"
}

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table>
<tr>
<td>
<a href="#" id="link" onclick="vis(this);">Kliks</a>
<br>dshlshgflkshdglkjhslgfd
<td>
</tr>
</table>
<div id="boxelement">Tekst</div>
</body>
</html>

Hav en go fredag ;)
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