Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Website Centreren werkt niet

None
14 antwoorden
  • Hey luitjes,


    mijn website is af.
    Maar wat ik ook doe, ik krijg hem niet gecentreerd.

    http://www.djmarsh.nl

    Kunnen jullie mij vertellen wat ik daaraan kan doen?
    Hij moet dus in welke resolutie dan ook gecentreerd inhet midden staan?

    De code:

    [code:1:e8f7a0c707]<html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Dynamic Urban Radio - Your 24/7 Hiphop and R&amp;B Radio Station!</title>
    <script language="JavaScript" fptype="dynamicanimation">
    <!–
    function dynAnimation() {}
    function clickSwapImg() {}
    //–>
    </script>
    <script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
    </script>
    </head>

    <body bgcolor="#000000" onload="dynAnimation()" language="Javascript1.2">
    <div align="center">

    <table border="0" width="100%" id="table1" height="557">
    <tr>
    <td width="55">&nbsp;</td>
    <td width="800">
    <div style="position: absolute; width: 448px; height: 489px; z-index: 2; left:72px; top:31px" id="laag2">
    <iframe name="I1" src="index2.htm" border="0" frameborder="0" width="442" height="524">
    De browser ondersteunt geen in line frames of is momenteel zodanig geconfigureerd dat in line frames niet kunnen worden weergegeven.
    </iframe></div>
    <div style="position: absolute; width: 100px; height: 51px; z-index: 3; left: 526px; top: 47px" id="laag3">
    <a onmouseover="var img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
    <map name="FPMap8">
    <area href="javascript:LuisterLive('stream.html')" shape="rect" coords="6, 4, 111, 35">
    </map>
    <img border="0" src="buttons/tunein.gif" width="112" height="36" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="buttons/tunein_red.gif" usemap="#FPMap8"></a></div>
    <div style="position: absolute; width: 100px; height: 39px; z-index: 4; left: 525px; top: 109px" id="laag4">
    <a onmouseover="var img=document['fpAnimswapImgFP2'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" href="javascript:void(0)">
    <map name="FPMap5">
    <area target="I1" alt="Vraag een plaat aan!" coords="5, 4, 100, 30" shape="rect" href="http://www.djmarsh.nl/demo/contact/contact2/contact.php">
    </map>
    <img border="0" src="buttons
    equest.gif" width="107" height="36" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="buttons
    equest_red.gif" usemap="#FPMap5"></a></div>
    <div style="position: absolute; width: 100px; height: 34px; z-index: 5; left: 531px; top: 162px" id="laag5">
    <a onmouseover="var img=document['fpAnimswapImgFP3'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="javascript:void(0)">
    <map name="FPMap7">
    <area target="I1" alt="Vragen of opmerkingen? Mail Marsh!" href="contact/contact.php" shape="rect" coords="6, 2, 102, 32">
    </map>
    <img border="0" src="buttons/contact.gif" width="103" height="33" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="buttons/contact_red.gif" usemap="#FPMap7"></a></div>
    <div style="position: absolute; width: 100px; height: 31px; z-index: 6; left: 533px; top: 210px" id="laag6">
    <a onmouseover="var img=document['fpAnimswapImgFP8'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" href="javascript:void(0)">
    <map name="FPMap2">
    <area target="I1" alt="Informatie over Dynamic!" href="about1.htm" shape="rect" coords="7, 3, 75, 24">
    </map>
    <img border="0" src="buttons/about.gif" id="fpAnimswapImgFP8" name="fpAnimswapImgFP8" dynamicanimation="fpAnimswapImgFP8" lowsrc="buttons/about_red.gif" width="79" height="29" usemap="#FPMap2"></a></div>
    <div style="position: absolute; width: 100px; height: 39px; z-index: 7; left: 535px; top: 259px" id="laag7">
    <a onmouseover="var img=document['fpAnimswapImgFP5'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" href="javascript:void(0)">
    <map name="FPMap1">
    <area target="I1" alt="Download hier DJ Marsh Remixen!" href="remixes.htm" shape="rect" coords="5, 5, 76, 33">
    </map>
    <img border="0" src="buttons/mixes.gif" width="81" height="34" id="fpAnimswapImgFP5" name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5" lowsrc="buttons/mixes_red.gif" usemap="#FPMap1"></a></div>
    <div style="position: absolute; width: 100px; height: 41px; z-index: 8; left: 533px; top: 312px" id="laag8">
    <a onmouseover="var img=document['fpAnimswapImgFP6'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" href="javascript:void(0)">
    <map name="FPMap3">
    <area target="I1" alt="Vrienden van D.U.R." href="friends.htm" shape="rect" coords="6, 7, 95, 35">
    </map>
    <img border="0" src="buttons/friends.gif" width="101" height="36" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="buttons/friends_red.gif" usemap="#FPMap3"></a></div>
    <div style="position: absolute; width: 100px; height: 46px; z-index: 9; left: 534px; top: 363px" id="laag9">
    <a onmouseover="var img=document['fpAnimswapImgFP7'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" href="javascript:void(0)">
    <map name="FPMap0">
    <area target="I1" href="http://djelmo.mine.nu/gb-marsh/gb.asp" shape="rect" coords="8, 6, 147, 41">
    </map>
    <img border="0" src="buttons/guestbook.gif" width="151" height="44" id="fpAnimswapImgFP7" name="fpAnimswapImgFP7" dynamicanimation="fpAnimswapImgFP7" lowsrc="buttons/guestbook_red.gif" usemap="#FPMap0"></a></div>
    <div style="position: absolute; width: 29px; height: 33px; z-index: 10; left: 712px; top: 521px" id="laag10">
    <a onmouseover="var img=document['fpAnimswapImgFP9'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP9'].src=document['fpAnimswapImgFP9'].imgRolln" href="javascript:void(0)">
    <map name="FPMap4">
    <area target="I1" alt="Go home!" href="index2.htm" shape="rect" coords="3, 5, 29, 29">
    </map>
    <img border="0" src="imgs/home.png" width="30" height="34" id="fpAnimswapImgFP9" name="fpAnimswapImgFP9" dynamicanimation="fpAnimswapImgFP9" lowsrc="imgs/home_red.png" usemap="#FPMap4"></a></div>
    <div style="position: absolute; width: 29px; height: 36px; z-index: 11; left: 747px; top: 522px" id="laag11">
    <a onmouseover="var img=document['fpAnimswapImgFP10'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP10'].src=document['fpAnimswapImgFP10'].imgRolln" href="javascript:void(0)">
    <map name="FPMap6">
    <area coords="5, 5, 29, 29" shape="rect" href="mailto:info@djmarsh.nl?subject=Informatie en/of Suggesties">
    </map>
    <img border="0" src="imgs/email.png" width="30" height="34" lowsrc="imgs/email_red.png" id="fpAnimswapImgFP10" name="fpAnimswapImgFP10" dynamicanimation="fpAnimswapImgFP10" usemap="#FPMap6"></a></div>
    <p><img border="0" src="imgs/bg.gif" width="800" height="523"></td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </div>

    <SCRIPT language=javascript>
    <!–
    function LuisterLive(file,window) {
    msgWindow=open(file,window,'resizable=no,width=455,height=300,scrollbars=0');
    if (msgWindow.opener == null) msgWindow.opener = self;
    }
    //–>
    </SCRIPT>
    </A>

    <SCRIPT language=javascript>
    <!–
    function request(file,window) {
    msgWindow=open(file,window,'resizable=no,width=455,height=300,scrollbars=0');
    if (msgWindow.opener == null) msgWindow.opener = self;
    }
    //–>
    </SCRIPT>

    <div style="position: absolute; width: 100px; height: 23px; z-index: 12; left: 10px; top: 563px" id="laag12">

    <div style="position: absolute; width: 35px; height: 27px; z-index: 1; middle: 45px; top: -34px; left:673px" id="laag13">

    <SCRIPT LANGUAGE="JavaScript" SRC="http://www.istats.nl/count.php?cid=6156"></SCRIPT>


    <p align="center">&nbsp;</div>



    <p>&nbsp;</div>

    </body>

    </html>[/code:1:e8f7a0c707]

  • Je maakt gebruik van absolute posities

    [code:1:698b0d60af]
    <div style="position: absolute; width: 448px; height: 489px; z-index: 2; left:72px; top:31px" id="laag2">
    [/code:1:698b0d60af]

    http://www.azuremarketing.com
    esources/learning
    elative_absoluteCSS.htm


    P.S. dit gaat ook niet werken he?

    [code:1:698b0d60af]
    file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js
    [/code:1:698b0d60af]

  • [quote:ccf5fe6a33="Error404"]Je maakt gebruik van absolute posities

    [code:1:ccf5fe6a33]
    <div style="position: absolute; width: 448px; height: 489px; z-index: 2; left:72px; top:31px" id="laag2">
    [/code:1:ccf5fe6a33]

    http://www.azuremarketing.com
    esources/learning
    elative_absoluteCSS.htm


    P.S. dit gaat ook niet werken he?

    [code:1:ccf5fe6a33]
    file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js
    [/code:1:ccf5fe6a33][/quote:ccf5fe6a33]

    Ik heb het gelezen, maar ik kan er niet uit vissen wat ik nou moet veranderen?

  • De layer staat in een tabel met 3 kolommen, deze heb ik wegehaald en aanfgepast tot 1 kolom. De breedte op 800 pixels ipv 100% (volle breede wekt in dit geval niet)

    <table border="0" width="800" id="table1" height="557">

    Laag 2 aangepast naar

    <div style="position: absolute; width: 448px; height: 489px; z-index: 2" id="laag2">

    De meeste plaatjes naar volledig url om te testen (dus met http://www.djmarsh.nl )

    Nu staat het in het midden!

    N.B. Dit is een voorbeeld om te laten zien hoe je 'm in het midden kan zetten. Geen schoolvoorbeeld hoe het moet!!

    [code:1:5654621f68]
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Dynamic Urban Radio - Your 24/7 Hiphop and R&amp;B Radio Station!</title>
    <script language="JavaScript" fptype="dynamicanimation">
    <!–
    function dynAnimation() {}
    function clickSwapImg() {}
    //–>
    </script>
    <script language="JavaScript1.2" fptype="dynamicanimation" src="http://www.djmarsh.nl/animate.js">
    </script>
    </head>

    <body bgcolor="#000000" onload="dynAnimation()" language="Javascript1.2">
    <div align="center"> <table border="0" width="800" id="table1" height="557"> <tr>
    <td width="800"> <div style="position: absolute; width: 448px; height: 489px; z-index: 2" id="laag2">
    <iframe name="I1" src="http://www.djmarsh.nl/index2.htm" border="0" frameborder="0" width="442" height="524">
    De browser ondersteunt geen in line frames of is momenteel zodanig geconfigureerd
    dat in line frames niet kunnen worden weergegeven. </iframe></div><div style="position: absolute; width: 100px; height: 51px; z-index: 3; left: 526px; top: 47px" id="laag3">
    <a onmouseover="var img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
    <map name="FPMap8"> <area href="javascript:LuisterLive('stream.html')" shape="rect" coords="6, 4, 111, 35">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/tunein.gif" width="112" height="36" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="http://www.djmarsh.nl/buttons/tunein_red.gif" usemap="#FPMap8"></a></div><div style="position: absolute; width: 100px; height: 39px; z-index: 4; left: 525px; top: 109px" id="laag4">
    <a onmouseover="var img=document['fpAnimswapImgFP2'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" href="javascript:void(0)">
    <map name="FPMap5"> <area target="I1" alt="Vraag een plaat aan!" coords="5, 4, 100, 30" shape="rect" href="http://www.djmarsh.nl/demo/contact/contact2/contact.php">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons
    equest.gif" width="107" height="36" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="http://www.djmarsh.nl/buttons
    equest_red.gif" usemap="#FPMap5"></a></div><div style="position: absolute; width: 100px; height: 34px; z-index: 5; left: 531px; top: 162px" id="laag5">
    <a onmouseover="var img=document['fpAnimswapImgFP3'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="javascript:void(0)">
    <map name="FPMap7"> <area target="I1" alt="Vragen of opmerkingen? Mail Marsh!" href="contact/contact.php" shape="rect" coords="6, 2, 102, 32">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/contact.gif" width="103" height="33" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="http://www.djmarsh.nl/buttons/contact_red.gif" usemap="#FPMap7"></a></div><div style="position: absolute; width: 100px; height: 31px; z-index: 6; left: 533px; top: 210px" id="laag6">
    <a onmouseover="var img=document['fpAnimswapImgFP8'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" href="javascript:void(0)">
    <map name="FPMap2"> <area target="I1" alt="Informatie over Dynamic!" href="about1.htm" shape="rect" coords="7, 3, 75, 24">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/about.gif" id="fpAnimswapImgFP8" name="fpAnimswapImgFP8" dynamicanimation="fpAnimswapImgFP8" lowsrc="http://www.djmarsh.nl/buttons/about_red.gif" width="79" height="29" usemap="#FPMap2"></a></div><div style="position: absolute; width: 100px; height: 39px; z-index: 7; left: 535px; top: 259px" id="laag7">
    <a onmouseover="var img=document['fpAnimswapImgFP5'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" href="javascript:void(0)">
    <map name="FPMap1"> <area target="I1" alt="Download hier DJ Marsh Remixen!" href="remixes.htm" shape="rect" coords="5, 5, 76, 33">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/mixes.gif" width="81" height="34" id="fpAnimswapImgFP5" name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5" lowsrc="http://www.djmarsh.nl/buttons/mixes_red.gif" usemap="#FPMap1"></a></div><div style="position: absolute; width: 100px; height: 41px; z-index: 8; left: 533px; top: 312px" id="laag8">
    <a onmouseover="var img=document['fpAnimswapImgFP6'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" href="javascript:void(0)">
    <map name="FPMap3"> <area target="I1" alt="Vrienden van D.U.R." href="friends.htm" shape="rect" coords="6, 7, 95, 35">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/friends.gif" width="101" height="36" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="http://www.djmarsh.nl/buttons/friends_red.gif" usemap="#FPMap3"></a></div><div style="position: absolute; width: 100px; height: 46px; z-index: 9; left: 534px; top: 363px" id="laag9">
    <a onmouseover="var img=document['fpAnimswapImgFP7'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" href="javascript:void(0)">
    <map name="FPMap0"> <area target="I1" href="http://djelmo.mine.nu/gb-marsh/gb.asp" shape="rect" coords="8, 6, 147, 41">
    </map> <img border="0" src="http://www.djmarsh.nl/buttons/guestbook.gif" width="151" height="44" id="fpAnimswapImgFP7" name="fpAnimswapImgFP7" dynamicanimation="fpAnimswapImgFP7" lowsrc="http://www.djmarsh.nl/buttons/guestbook_red.gif" usemap="#FPMap0"></a></div><div style="position: absolute; width: 29px; height: 33px; z-index: 10; left: 712px; top: 521px" id="laag10">
    <a onmouseover="var img=document['fpAnimswapImgFP9'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP9'].src=document['fpAnimswapImgFP9'].imgRolln" href="javascript:void(0)">
    <map name="FPMap4"> <area target="I1" alt="Go home!" href="index2.htm" shape="rect" coords="3, 5, 29, 29">
    </map> <img border="0" src="http://www.djmarsh.nl/imgs/home.png" width="30" height="34" id="fpAnimswapImgFP9" name="fpAnimswapImgFP9" dynamicanimation="fpAnimswapImgFP9" lowsrc="http://www.djmarsh.nl/imgs/home_red.png" usemap="#FPMap4"></a></div><div style="position: absolute; width: 29px; height: 36px; z-index: 11; left: 747px; top: 522px" id="laag11">
    <a onmouseover="var img=document['fpAnimswapImgFP10'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP10'].src=document['fpAnimswapImgFP10'].imgRolln" href="javascript:void(0)">
    <map name="FPMap6"> <area coords="5, 5, 29, 29" shape="rect" href="mailto:info@djmarsh.nl?subject=Informatie en/of Suggesties">
    </map> <img border="0" src="http://www.djmarsh.nl/imgs/email.png" width="30" height="34" lowsrc="http://www.djmarsh.nl/imgs/email_red.png" id="fpAnimswapImgFP10" name="fpAnimswapImgFP10" dynamicanimation="fpAnimswapImgFP10" usemap="#FPMap6"></a></div><p><img border="0" src="http://www.djmarsh.nl/imgs/bg.gif" width="800" height="523"></td></tr>
    </table></div><SCRIPT language=javascript>
    <!–
    function LuisterLive(file,window) {
    msgWindow=open(file,window,'resizable=no,width=455,height=300,scrollbars=0');
    if (msgWindow.opener == null) msgWindow.opener = self;
    }
    //–>
    </SCRIPT><SCRIPT language=javascript>
    <!–
    function request(file,window) {
    msgWindow=open(file,window,'resizable=no,width=455,height=300,scrollbars=0');
    if (msgWindow.opener == null) msgWindow.opener = self;
    }
    //–>
    </SCRIPT> <div style="position: absolute; width: 100px; height: 23px; z-index: 12; left: 10px; top: 563px" id="laag12">
    <div style="position: absolute; width: 35px; height: 27px; z-index: 1; middle: 45px; top: -34px; left:673px" id="laag13">
    <SCRIPT LANGUAGE="JavaScript" SRC="http://www.istats.nl/count.php?cid=6156"></SCRIPT>
    <p align="center">&nbsp;</div><p>&nbsp;</div>

    </body>

    </html>
    [/code:1:5654621f68]

  • Het punt is dat je met absolute positionering iets een vaste plek geeft in je pagina, ongeacht andere elementen en ongeacht schermgrootte. Dat is eigenlijk helemaal niet handig, het maakt het ontwerp inflexibel.

    <div align="center"> is eigenlijk niet de manier. Ten eerste behoor je styling in een stylesheet te zetten, daar gebruik je geen HTML voor. Ten tweede is er geen div nodig.

    Twee manieren andere manieren van centreren:
    - Dead Centre.
    - Automatisch centreren met margins (betere manier).

    Maar volgens mij had je al ooit eens gevraagd hoe je moet centreren?
  • [quote:75a64fb2c3="Error404"]De layer staat in een tabel met 3 kolommen, deze heb ik wegehaald en aanfgepast tot 1 kolom. De breedte op 800 pixels ipv 100% (volle breede wekt in dit geval niet)

    <table border="0" width="800" id="table1" height="557">

    Laag 2 aangepast naar

    <div style="position: absolute; width: 448px; height: 489px; z-index: 2" id="laag2">

    De meeste plaatjes naar volledig url om te testen (dus met http://www.djmarsh.nl )

    Nu staat het in het midden!

    N.B. Dit is een voorbeeld om te laten zien hoe je 'm in het midden kan zetten. Geen schoolvoorbeeld hoe het moet!!

    [/quote:75a64fb2c3]


    thx, dat helpt idd perfect!
    Maar, nu staan mijn buttons op de verkeerde plek, omdat die ook een positie hebben die altijd blijven staan (door midden van lagen in FrontPage).

    Zoals je hier dus kunt zien:

    http://www.djmarsh.nl/dur.JPG

    Ik heb geprobeerd met tabellen te werken zodat de knoppen dus nergens anders heen kunnen, maar omdta de achtergrond een "plaatje" is, kan ik daar geen tabellen over knallen.
    Heeft er iemand nog een idee hoe ik de buttons op een andere manier krijg zoals ze horen?

    www.djmarsh.nl

    zo horen ze dus te staan.
  • iemand? :cry:
  • Blijkbaar heb je een gebrek aan kennis over positionering. Zou je daar dan niet even wat over lezen?
  • [quote:3fbf52b02b="boelieboelie"]Blijkbaar heb je een gebrek aan kennis over positionering. Zou je daar dan niet even wat over lezen?[/quote:3fbf52b02b]

    Nee, dat valt reuze mee.
    Het is alleen erg lastig om dit te centreren.
    Als je mijn vorige reply hebt gelezen, snap je wat ik bedoel.

    Als ik de code gebruik die Error404 heeft ge-edit voor me.
    Dan komen de buttons niet goed in het scherm, want die blijven namelijk staan op de positie waar ze nu ook staan.
    Dat komt omdat ze in een "laag" zitten, waardoor ze dus blijven staan waar ze al stonden.
    En omdat daar achter al een "plaatje" staat, kan ik daar geen nieuwe cel over heen gooien, om bv daar de buttons in te gooien.
  • Weet iemand daar wat op?
  • het klinkt een beetje suf, maar het antwoord is al gegeven; het komt doordat je knoppen een "position: absolute;" hebben.

    t.
  • Zonder de rest van deze thread te hebben gelezen (alleen gescant) toch een poging je probleem op te lossen:

    Als je de layer (div) waarin de absoluut gepositioneerde knoppen zich in bevinden de eigenschap [i:d5e6999653]position: relative;[/i:d5e6999653] meegeeft dan zullen ze zich positioneren tov deze layer ipv het venster. Misschien helpt het iets.

    - Bas
  • [quote:61a1853266="BasHamar"]Zonder de rest van deze thread te hebben gelezen (alleen gescant) toch een poging je probleem op te lossen:

    Als je de layer (div) waarin de absoluut gepositioneerde knoppen zich in bevinden de eigenschap [i:61a1853266]position: relative;[/i:61a1853266] meegeeft dan zullen ze zich positioneren tov deze layer ipv het venster. Misschien helpt het iets.

    - Bas[/quote:61a1853266]

    Nee niet echt.
    De knoppen komen dan wel op de juiste plek terecht, maar de achtergrond word dan helemaal naar beneden geduwt.
  • Als je het had gebouwd zoals het hoort, zou de manier van Bas idd een goeie oplossing zijn. Persoonlijk vind ik dit een kansloos topic; je wilt je niet verdiepen in positioneren met CSS, maar je verwacht wel dat jou de oplossing wordt aangereikt. Maar die oplossing komt niet, omdat je code een gedrocht is; er valt weinig zinnigs mee te doen. Jij wilt niet tijd steken in kennis opdoen; wij niet in iemands troep opruimen. Dan houdt het gauw op.

    Ik zou pagina denk ik bouwen met één container-div en twee lists (menu en die losse knoppen), een background op de container en de elementen binnen de container positioneren op de manier zoals Bas zegt. Volgens mij ben je dan klaar.

    Iig succes ermee.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.