Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi all,
Vanilla are planning an update to the site on April 24th (next Wednesday). It is a major PHP8 update which is expected to boost performance across the site. The site will be down from 7pm and it is expected to take about an hour to complete. We appreciate your patience during the update.
Thanks all.

Relative position issue, intragtion CMS

  • 27-08-2013 12:38pm
    #1
    Registered Users Posts: 37


    Hi Guys,

    I'm not really good in those things, I have this code which work perfectly on a classic page, but when I try to intragrate it to the CMS website, the position change and the image not stay at the right place.

    Do you know how I can fix those position :
    <style type="text/css">
    #apDiv1 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 1;
    }
    #apDiv2 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 1;
        left: 20px;
        top: 28px;
    }
    #apDiv3 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 2;
        left: 385px;
        top: 205px;
    }
    #apDiv4 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 3;
        left: 9px;
        top: 327px;
    }
    #apDiv5 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 4;
        left: 368px;
        top: 530px;
    }
    #apDiv6 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 5;
        left: 9px;
        top: 624px;
    }
    #apDiv7 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 6;
        left: 789px;
        top: 14px;
    }
    </style>
    </head>
    
    <body>
    <div id="apDiv1"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bloc_ts.png" width="761" height="287" />
      <div id="apDiv2"><a href="ts3server://teamspeak-1.verygames.net:51119"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bouton_clic.png" width="160" height="218" /></a></div>
    </div>
    <div id="apDiv3"><a href="http://www.esl.eu/benelux/support"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bouton_ts.png" width="348" height="47" /></a></div>
    <div id="apDiv4"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bloc_server.png" width="760" height="283" /></div>
    <div id="apDiv5"><a href="http://www.esl.eu/benelux/support"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bouton_server.png" width="361" height="51" /></a></div>
    <div id="apDiv6"><img src="http://gfx.esl.eu/gfx/media/benelux/vg/bloc_bot.jpg" width="938" height="99" /></div>
    <div id="apDiv7"><a href="http://www.verygames.net"><img src="http://gfx.esl.eu/gfx/media/benelux/verygames/bloc_left.jpg" width="160" height="600" /></a></div>
    </body>
    
    thanks in advance


Advertisement