Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Relative position issue, intragtion CMS

  • 27-08-2013 12:38PM
    #1
    crakage
    Registered Users, Registered Users 2 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