Jump to content

About html code with too many spaces - Help


CarlosLima
 Share

Go to solution Solved by Happy2Play,

Recommended Posts

    <div class="Personal-Links" style="top:100px;text-align:center;position:relative;">
                <a is="emby-linkbutton" class="button-link" href="URL1" target="_blank" style="text-decoration: none;color: #D3D3D3" "margin: 0.7em;">Tv ao Vivo</a>
                <a is="emby-linkbutton" class="button-link" href="URL2" target="_blank" style="text-decoration: none;color: #D3D3D3" "margin: 0.7em;">Pedidos</a>
                <a is="emby-linkbutton" class="button-link" href="URL3" target="_blank" style="text-decoration: none;color: #D3D3D3" "margin: 0.7em;">Planos</a>
                <a is="emby-linkbutton" class="button-link" href="URL4" target="_blank" style="text-decoration: none;color: #D3D3D3" "margin: 0.7em;">Site</a>
                <a is="emby-linkbutton" class="button-link" href="URL5" target="_blank" style="text-decoration: none;color: #D3D3D3" "margin: 0.7em;">Suporte</a>
        </div>

Hi
I use external links on the home page and have noticed that between them contains a lot of space, breaking the line on smartphone screens.
I would like some help, as I believe that something happened to the code to present this problem.
Thanks for any tips.

download.png

Link to comment
Share on other sites

Happy2Play

You could adjust your "margin: 0.7em" you have set per link.  Or change from em to %.

  • Thanks 1
Link to comment
Share on other sites

Hey,
Thank you so much for your attention.
See the new image. I've tested it with several numbers but nothing has changed.
I plan to have 2 or 3 blank spaces between each link.
Thanks again.

links.jpg

Link to comment
Share on other sites

Posted (edited)
    <div class="Personal-Links" style="top:60px;text-align:center;position:relative;">
			    <a is="emby-linkbutton" class="button-link" href="LINK1" target="_blank" style="text-decoration: none;color: #D3D3D3">TEXT1</a>&emsp;&emsp;
                <a is="emby-linkbutton" class="button-link" href="LINK2" target="_blank" style="text-decoration: none;color: #D3D3D3">TEXT2</a>&emsp;&emsp;
                <a is="emby-linkbutton" class="button-link" href="LINK5" target="_blank" style="text-decoration: none;color: 
#D3D3D3">TEXT3</a>
        </div>

SOLVED ....After several edits in the code I managed to make it work with this code.
I just removed "margin: 0 .7em" and applied one command &emsp; for each blank.
As far as I've tested it worked fine now and I hope it doesn't conflict with the other codes.
Thanks for all your help.

Edited by CarlosLima
Link to comment
Share on other sites

  • Solution
Happy2Play

Your previous style code was actually broken.  Missing semicolon and additional quotes

    <div class="Personal-Links" style="top:100px;text-align:center;position:relative;">
                <a is="emby-linkbutton" class="button-link" href="URL1" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0.7%;">Tv ao Vivo</a>
                <a is="emby-linkbutton" class="button-link" href="URL2" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0.7%;">Pedidos</a>
                <a is="emby-linkbutton" class="button-link" href="URL3" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0.7%;">Planos</a>
                <a is="emby-linkbutton" class="button-link" href="URL4" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0.7%;">Site</a>
                <a is="emby-linkbutton" class="button-link" href="URL5" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0.7%;">Suporte</a>
        </div>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...