Web Development & Designs

[Mango]

So, I am currently making a website where people can purchase cheap banner spaces, and they will have it for a longer time than most sites do.
I ran into a problem...
On the purchase page, the PayPal "Buy Now" button is at the very top, and it looks ugly.
Is there any way I could get it to the center of the screen using HTML.
Also: I need help designing the pages on the site, and am willing to pay.
Because the only thing that looks good on there is probably the navigation bar, and the example banners.

 

[lAkjtzAZ0]

I could redesign the site if you'd like, PM me.

 

[Christopher]

<center> Stuff </center>

No? Then Guusz

 

[Mango]

<center> Stuff </center>

No? Then Guusz

That only centers it in the middle of the top of the page.
I need it the middle of the page.

 

[Christopher]

That only centers it in the middle of the top of the page.
I need it the middle of the page.

Ah, how about:

/* CSS */

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
}

So:

<center id="centered">... </center>

Like that?

 

[Mango]

Ah, how about:

/* CSS */

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
}

So:

<center id="centered">... </center>

Like that?

I need HTML, not CSS, xD.

 

[Mango]

Use inline-css.



That's fixed upon scrolling, I strongly believe.

You can try this:

/* Outside of Paypal Button */
<div style="display: table;  width: 100%;">

/* PayPal Button */

<button class="display: table-cell; text-align: center; vertical-align: middle;">...</button

</div>

Would I put this before or after the button code? ;p

 

[Guusz]

A suggestion, using Bootstrap's row system and centering it by using the columns 5-2-5 ?

 

[Mango]

You'd put it as a style attribute for the HTML tag. It would be easier if you can post the HTML for your button and its parent here.

This is how it looks with <center>, and </center>
https://gyazo.com/eeec0b070766f54b1f9c9167486906a0[DOUBLEPOST=1471761766][/DOUBLEPOST]

A suggestion, using Bootstrap's row system and centering it by using the columns 5-2-5 ?

Could I message you the code, and you can help fix it up for me? e.e.

 

[Guusz]

http://stackoverflow.com/questions/...r-align-vertically-the-container-in-bootstrap

 

[Christopher]

Use inline-css.



That's fixed upon scrolling, I strongly believe.

You can try this:

/* Outside of Paypal Button */
<div style="display: table;  width: 100%;">

/* PayPal Button */
<button style="display: table-cell; text-align: center; vertical-align: middle;">...</button>

</div>

This is how it looks with <center>, and </center>
https://gyazo.com/eeec0b070766f54b1f9c9167486906a0[DOUBLEPOST=1471761766][/DOUBLEPOST]
Could I message you the code, and you can help fix it up for me? e.e.

Why not:

/* CSS */

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Should work fine...?

<style>
/* CSS */

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>