Toon posts:

[javascript] plaats probleem

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb en javascript menu waarbij je insteld waar hij moet beginnen met uitklappen, dus hoeveel pixels vanaf de linkerkant en vanaf de bovenkant. Werkt prima op 1 resolutie... verander ik de resolutie van me scherm en bekijk de pagina dan.. komen de menu's een stuk meer naar rechts.. logisch natuurlijk want er zijn meer of minder pixels. He probleem komt omdat me pagina gecentreerd is. Maar hoe is dit op te lossen? dus dat hij met elke resolutie op de zelfde plek naar beneden komt?

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
2 suggesties:

1) Afhankelijk maken van een ander element, welke wel op de goede plek geplaatst wordt..
2) Of misschien kun je door middel van nesting de uitklapelementen op de goede plaats krijgen

Verwijderd

Topicstarter
Kan je dit wat meer uitleggen want ik begrijp er niet veel van. Wat is een nesting?

Verwijderd

Topicstarter
Kan je dit wat meer uitleggen want ik begrijp er niet veel van. Wat is een nesting?

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Voorbeeld van nesting is:
PHP:
1
2
3
4
5
<div id="elDiv1"
       style="position: absolute; left: 100px; top: 100px;">

        <div id="elDiv2"> ... </div>
</div>

Div1 wordt nu logischer wijs 100px van de linkerkant en de bovenkant van je beeldscherm afgebeeld (+padding/margin). Zoals je ziet in het voorbeeld is div2 IN div1 gecode.. oftewel genest. Div2 zal in dit voorbeeld ook op dezelfde positie als div1 verschijnen..

Dus nesting is als het ware het IN elkaar plaatsen van elementen

Verwijderd

Topicstarter
http://217.125.88.228/test.html

Heb ff voorbeeldje online gegooid. Op 1280x1024 staat het menu bijna recht onder het plaatje... maak je het venster kleiner is dat dus niet meer het geval. Ik heb geen id hoe ik dit goed kan krijgen dat hij er altijd mooi recht onder komt

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Verander het stukje in je body eens hierin:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
<div align="center">
[img]"h1.jpg"[/img]
<table id="1000" style="background-color:white;top:0;left:0;position:relative;visibility:hidden; border-collapse:collapse" onmousemove="ShowMenu('1000')" onmouseout="HideMenu('1000')" bordercolor="#111111" cellpadding="0" cellspacing="0" width="148" height="124">
  <tr>
    <td id="IntranetApplications" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/applications'" bgcolor="#C0C0C0">Applications</td>
  </tr>
  <tr>
    <td id="IntranetProducts" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/products'" bgcolor="#C0C0C0">Products</td>
  </tr> 
  <tr>
    <td id="IntranetNews" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/applications'" bgcolor="#C0C0C0">News</td>
  </tr>
  <tr>
    <td id="IntranetHelp" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect(id)" onmouseout="MenuDeselect(id)" onclick="location.href='http://localhost/products'" bgcolor="#C0C0C0">Help</td>
  </tr>
</table>
</div>
</body>

Intentionally left blank

Pagina: 1