This code
<div ="metebftinesc" style="position:absolute;top:-127px;left:44px;clip:rect(135px, 531px, 535px, 170px)">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<DIV ="metrotines" style="position:absolute;top:14px;left:222px">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
as long as the position is set to absolute you cannot center it
<div ="metebftinesc" style="margin: 0 auto; position:absolute;top:-127px;left:44px;clip:rect(135px, 531px, 535px, 170px)">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<DIV ="metrotines" style="margin: 0 auto; position:absolute;top:14px;left:222px">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
Try that ^^
Quote from: stylusss on September 18, 2012, 08:00:21 PM
<div ="metebftinesc" style="margin: 0 auto; position:absolute;top:-127px;left:44px;clip:rect(135px, 531px, 535px, 170px)">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<DIV ="metrotines" style="margin: 0 auto; position:absolute;top:14px;left:222px">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
Try that ^^
Sorry won`t work :(
No one 8) 8) 8) 8) 8) 8)
Just a guess.
<div ="metebftinesc" style="position:absolute;top:-127px;left:44px;clip:rect(135px, 531px, 535px, 170px)" align="center">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<DIV ="metrotines" style="position:absolute;top:14px;left:222px" align="center">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
Quote from: hcfwesker on September 20, 2012, 07:05:06 PM
Just a guess.
<div ="metebftinesc" style="position:absolute;top:-127px;left:44px;clip:rect(135px, 531px, 535px, 170px)" align="center">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<DIV ="metrotines" style="position:absolute;top:14px;left:222px" align="center">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
Nope sorry ???
Quote from: Orangine on September 18, 2012, 07:37:08 PM
as long as the position is set to absolute you cannot center it
I will have to concur with Orangine. You will need to remove position absolute. More preferably, do such styling in index.css file instead of hardcoded it into the template.
well, first of all, why are you posting this in 2.x support? This doesn't seem like anything native to SMF....
but second, why the heck are you using all those absolute positionings? Unless absolutely necessary you should almost always use relative positions.
third... that's not valid html...
<div ="metebftinesc"
huh?
you need something BEFORE that = sign... div class="..., div id ="...
Good catch didn't see that!
Ok Kindred i am sorry for asking here.
I will ask somewhere else.
weer... don't worry too much about it. It was more for the future. Now that I'm back on the green team, I'll just bounce this over to coding help. ;)
Thnx Kindred
I still don`t get it :( :( :(
<div id="metebftinesc" style="padding:0px;float:left;clip:rect(135px, 531px, 535px, 170px);">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="627" width="700" alt="" title="">
</div>
<div id="metrotines" style="padding:0px;float:right;">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
<div style="clear:both"></div>
this is what the code should look like.
However... we can't help you adjust the relative positioning until we see the page itself or at the very least, the code this is being dropped into. You can adjust the padding setting to help position the actual placement, without using silly absolute positioning.
I have this now
Please see attachments.
<div id="" style="padding:0px;float:left;clip:rect(135px, 531px, 535px, 170px);">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" height="343" width="358" alt="" title="">
</div>
<div id="" style="padding:0px;float:left;">
<a href=""><img src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" width="343" height="358" border="0" title="" alt="" ></a>
</div>
<div style="clear:both"></div>
I solved it peeps.
Thnx for the help ;)
<html>
<head>
<style type="text/css">
<!--
body { margin: 0; padding: 0; }
#weerwrapper { margin: 0 auto 0 auto; width: 361px; position: relative; }
#buienradar { position: absolute; top: -135px; left: -170px; clip:rect(135px, 531px, 535px, 170px); height: 627px; width: 700px; }
#weerforum { position:absolute; top:14px; left:10px; width: 343px; height: 358px; }
//-->
</style>
</head>
<body>
<div id="weerwrapper">
<img id="buienradar" title="Afbeelding Buienradar" src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem" />
<img id="weerforum" title="Afbeelding Weerforum" src="http://weerforum.eu/wibisaradar/images/weerkaart.gif" />
</div>
</body>
</html>
glad you fixed it... but you are still using absolute positioning which is a poor choice.
Do you have a suggestion Kindred ?
oh... I see what it's doing with that stuff... it's doing an overlay
Ugly, messy coding... but I guess you can leave it, since it would take more effort to plan positioning than it's probably worth....