vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=325188

Center problem
by mp3president
02 Jun 2017 09:20

Hi there,

I have a problem centering pictures on my website. The buttons for mediaplayer etc have to be centered for all resolutions
When i ajust it for myself it is fine, however people with a resolution 1920x1080 it is not right centered.

This picture is how it is on my PC

https://www.vbulletin.org/forum/external/2017/06/1.jpg

And this is de Code in ACP

Quote:

<td width="100%" style="padding-left: 490px">
<h3><img src="$stylevar[imgdir_misc]/winamp.png" alt="$vbphrase[scast_wa_listen]" border="0" hspace="4" /><a href="http://server.hotrodradio.nl:80/listen.pls">$vbphrase[scast_wa]</a>
<img src="$stylevar[imgdir_misc]/realplayer.png" alt="$vbphrase[scast_rp_listen]" border="0" hspace="4" /><a href="http://www.hotrodradio.nl/playlist/RealMediaPlayer.ram" onclick="window.open('$vboptions[forumhome].php?do=rp','rp','statusbar=no,menubar=no,toolbar=no,scrollbars=no,resizable=no, width=420,height=160'); return false;">$vbphrase[scast_rp]</a>
<img src="$stylevar[imgdir_misc]/mediaplayer.png" alt="$vbphrase[scast_mp_listen]" border="0" hspace="4" /><a href="http://www.hotrodradio.nl/playlist/Livestream.html" onclick="window.open('$vboptions[forumhome].php?do=mp','mp','statusbar=no,menubar=no,toolbar=no,scrollbars=no,resizable=no, width=360,height=75'); return false;">$vbphrase[scast_mp]</a>
<img src="$stylevar[imgdir_misc]/itunes.png" alt="$vbphrase[scast_qt_listen]" border="0" hspace="4" /><a href="http://www.hotrodradio.nl/playlist/itunes.pls" onclick="window.open('http://www.hotrodradio.nl/playlist/iTunes.pls','qt','statusbar=no,menubar=no,toolbar=no,scrollbars=no,resizable=no, width=330,height=70'); return false;">$vbphrase[scast_qt]</a></h3>
</div>
</td>
And this is the picture on a 1920x1080

http://www.imghost.nl/download/bas2.jpg

Can anyone tell me what am i doing wrong?????
Been working on this for weeks now :confused:

Thank you verry much!!!
Sorry for my english :D

Dave 02 Jun 2017 14:16

It's because you are defining a static value, padding-left: 490px.
Remove that and try text-align: center;

mp3president 02 Jun 2017 16:05

Yes, that did the trick. I was so focused on image....

thanks for your help

Dave 02 Jun 2017 16:08

No problem, succes met je forum. ;)

mp3president 02 Jun 2017 17:05

Dank je wel Dave ;)


All times are GMT. The time now is 19:20.

Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.