Alignment - html code

legendz

AcemanWolf
Hi,

I was wondering was is html code to align my seals straight. I want them on the same line from left to right. Thanks.

center.png
 

Mark

Administrator
Staff member
screenshots are tough to isolate HTML / CSS problems, but I managed to track down the page on your site.

div and p tags by default add a new line.

So your code for the ego button looks something like this:

<div style="z-index: 11;" id="EgoPaySeal_content"><a href="#"><img src="https://www.egopay.com/cdn/images/seal/7E7R5TIC4Z5H.png" alt="EgoPay Seal Authentication"></a></div></span></p>


you can change

<div style="z-index: 11;"

to
<div style="z-index: 11;display:inline;"

And hopefully that should work for you, if not, post back and there are some other things to try
 

legendz

AcemanWolf
ok i will try that.

Is there another code for making all of them in one line like <div align=center"> </div>, this will make all the html code all center.
 

legendz

AcemanWolf
My EgoPay code is not like your example. Here is mind:

HTML:
<script type="text/javascript">// <![CDATA[
document.write('<span id="EgoPaySeal"></span>');   
    (function() {     
        var eps = document.createElement('script'); eps.type = 'text/javascript'; eps.async = true;
        eps.src = 'https://www.egopay.com/verify/seal/seal/7E7R5TIC4Z5H';
        var sp = document.getElementById('EgoPaySeal'); if (sp) {sp.appendChild(eps);}     
    })();
// ]]></script>
 

Mark

Administrator
Staff member
I took that code directly from your website :) You may need to look closer or use grep tool to find it
 

Basti

Administrator
Staff member
Add to your user.css
Code:
#EgoPaySeal {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}
Also add
Code:
#contact input[type="radio"] {
    width: auto;
}
So you radio buttons are not 280px width
 

Basti

Administrator
Staff member
Cant tell you more than that, play around with it. I added that bit css to the inline css with browser inspect tool and worked like its supposed to be. There is no code which hides the logo
 
Top