text blok verschuift pagina! - Softwareontwikkeling

woensdag 5 maart 2008 21:37

Acties:

Verwijderd

Topicstarter

Beste mensen.

Ik heb een blokje, klik je erop dan klapt hij open en krijg je tekst te zien. Het probleem:

De de <td> is (bijvoorbeeld) 400px width, daarin staat het script (de blokjes die openen).

Alles goed, maar open ik een blokje dan gooit hij er onzichtbare content in van 700px breed en dus verloopt de hele pagina ineens in allerlij verschuivingen en dingetjes.

iemand een idee hoe dit op te lossen?

mijn code:

HTML:

<html>
<head>
<title> test </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="5">
        <img src="images/ADVANCED_01.gif" width="800" height="99"></td>
      </tr>
    <tr>
      <td rowspan="2">
        <img src="images/ADVANCED_02.gif" width="9" height="501"></td>
        <td width="186" height="480" align="left" valign="top" background="images/ADVANCED_03.gif">
<script type="text/javascript">
    function toon_tekst() {
        var toon = document.getElementById("toon"); // pas toon aan, aan het id van de tekst of plaatje
        var tekst = document.getElementById("tekst"); // pas tekst aan, aan het id van de tekst of plaatje
        if (tekst.style.display == "none") {
            toon.innerHTML = "<img src='images/box.gif'> <b>algemeen contact</b>"; // pas plaatje aan
            tekst.style.display = "block";
        } else {
            toon.innerHTML = "<img src='images/box.gif'> <b>algemeen contact</b>"; // pas plaatje aan
            tekst.style.display = "none";
        }
    }
</script>
<div id="toon" style="display: block;" onclick="toon_tekst()"><img src="images/box.gif"> <b>algemeen contact</b></div> <!-- pas plaatje aan -->
<div id="tekst" style="display: none; height: auto; width: 500px;">&nbsp;&nbsp;&nbsp; <a href="#">website</a><br />&nbsp;&nbsp;&nbsp; <a href="#">bestellingen</a><br />&nbsp;&nbsp;&nbsp; <a href="#">voorwaarden</a></div> <!-- pas tekst aan -->
        </td>
        <td rowspan="2">
            <img src="images/ADVANCED_04.gif" width="25" height="501"></td>
        <td width="568" height="480" align="left" valign="top" background="images/ADVANCED_05.gif"></td>
        <td rowspan="2">
            <img src="images/ADVANCED_06.gif" width="12" height="501"></td>
      </tr>
    <tr>
      <td>
        <img src="images/ADVANCED_07.gif" width="186" height="21"></td>
        <td>
            <img src="images/ADVANCED_08.gif" width="568" height="21"></td>
      </tr>
  </table>
</div>
</body>
</html>

foto: http://img218.imageshack.us/img218/4383/38318627az3.gif

[ Voor 68% gewijzigd door een moderator op 05-03-2008 22:20 . Reden: Code van externe site gehaald en in het topic geplaatst. ]

woensdag 5 maart 2008 21:40

Acties:

Geert.H

position absolute helpt waarschijnlijk wel.

Heb je verder zelf ook al wat geprobeerd? zoja wat?

woensdag 5 maart 2008 21:42

Acties:

TERW_DAN

Met een hamer past alles.

Zet de overflow van dat element op hidden (of scroll als je dat wilt).
En doe je zelf in ieder geval een lol en werk met CSS, ik zie nu dat je aan ieder ding handmatig de properties toekent, niet handig mocht je dat ooit willen updaten.

woensdag 5 maart 2008 22:24

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Hoi bluemage en welkom op GoT

Hier op GoT is het gebruikelijk om code in je topic te plaatsen (met behulp van code tags); dat houdt je topic overzichtelijk en als gratis extra krijg je er dan ook nog syntax-hightlighting bij

Daarnaast echter is het hier ook gebruikelijk om bij het plaatsen van een topic te laten zien wat je zelf al hebt geprobeerd, wat er niet werkt(e) en of je al resultaten hebt geboekt met bijvoorbeeld een zoektocht op Google. Dit alles kun je lezen in onze Quickstart, waarin je precies kunt lezen hoe we hier graag een topic zien; op de manier waarop je nu een topic opent is het niet veel meer dan een scriptrequest en dat is nou net iets waar we hier niet echt vrolijk van worden

Eventuele extra informatie (en een algehele indruk over het waarom hiervan) kun je terug vinden in onze Registratievoorwaarden / korte FAQ ; en dan met name in de eerste alinea.

Verder mis ik een [tag] in je topictitel en mag de titel wel zonder (onnodige) uitroeptekens van mij

Je bent van harte welkom om een nieuw topic te openen, maar zorg dan wel dat je even de voorgenoemde quickstart in acht neemt

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij