PDA

View Full Version : Center problem


mp3president
06-02-2017, 07:20 AM
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://vborg.vbsupport.ru/external/2017/06/1.jpg

And this is de Code in ACP


<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
06-02-2017, 12:16 PM
It's because you are defining a static value, padding-left: 490px.
Remove that and try text-align: center;

mp3president
06-02-2017, 02:05 PM
Yes, that did the trick. I was so focused on image....

thanks for your help

Dave
06-02-2017, 02:08 PM
No problem, succes met je forum. ;)

mp3president
06-02-2017, 03:05 PM
Dank je wel Dave ;)