monetizer expertmobi
Dismiss Notice
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.

Landing page position

Discussion in 'Programming and Scripts' started by ezi2buy, May 20, 2015.

  1. ezi2buy

    ezi2buy Affiliate affiliate

    20
    6
    3
    Hey guys:



    How do you guys make you landing page to place at the middle of our browser?

    My problem is all my landing pages always appear on the upper left corner of the browser instead at the middle.

    I personally think that in the middle will look more professional.

    Anyone can teach me how to move it to middle?

    **I've attached a file for reference**

    Thank you.

    Aaron
     

    Attached Files:

  2. monetizer
  3. T J Tutor

    T J Tutor Administrator Administrator moderator affiliate

    7,404
    3,122
    113
    It's just adding some html code.

    This is true. Above the fold and centered is best, IMO.

    You can visit W3SCHOOLS and search through the various ways to get this done. There are various ways, but html or css codes work best. be careful using html centering features as some of them have been deprecated in HTML5.

    HTML <center> Tag. Not Supported in HTML5

    CSS Horizontal Align

    An example of css for alignment:

    body {
    display:inline-block;
    margin:0pxauto;
    text-align: center;}

    How are you building your landers? If you are using a landing page or web page builder, then they usually have this feature built in.

    Of course, you can use a company like Landing Page Guys to get your landers built.
     
    bountyhunter and ezi2buy like this.
  4. ezi2buy

    ezi2buy Affiliate affiliate

    20
    6
    3
    Hi TJtutor,

    Thank you for your help. It is very helpful for me.
    FYI, I was using Photoshop to build my landing page and save is as html file as photoshop have a function to "Save as web"

    Any idea where can I align my LP from there?

    Thank you.
    Aaron
     
  5. T J Tutor

    T J Tutor Administrator Administrator moderator affiliate

    7,404
    3,122
    113
    I did play around this feature a couple of years ago and found it not to be as convenient as a traditional HTML page builder. If you are simply building HTML landing pages, a simple and free alternative like Komposer may be more useful. If you want something more powerful and feature packed, then I recommend Artisteer Standard Edition. Both of these will offer a more intuitive interface over PS for web pages.
     
    ezi2buy likes this.
  6. GobiKrishnaa

    GobiKrishnaa Affiliate affiliate

    38
    17
    8
    Or you could WordPress Landing page builder plugin like Optimize Press
     
    ezi2buy likes this.
  7. Coreyz

    Coreyz Affiliate affiliate

    82
    17
    8
    You can also hire a programmer who can create a decent landing page for you. It's not expensive. You can hire from Fiverr, only cost you $5.
     
    ezi2buy likes this.
  8. pablopicasso

    pablopicasso Affiliate affiliate

    38
    23
    8
    Or u can include bootstrap css and just add your content inside a container class . It will come in middle of the page :)
     
    ezi2buy likes this.
  9. TrafficBroker

    TrafficBroker Traffic Manager Traffic Manager affiliate

    362
    67
    28
    Fiverr can help you, I have several fiverr guys can work it for you.
     
    ezi2buy likes this.
  10. HCFGrizzly

    HCFGrizzly Affiliate Manager Affiliate Manager affiliate

    293
    67
    28
    Visit W3Schools and read the css course. You can learn it in a day and you won`t have this problems in the future. Or, if you don`t want to do code yourself you can hire a guy from freelancer.com.
    Or there is another option, I can do it for you for a small fee.
    I also think that the best option is to do it yourself.
     
    ezi2buy likes this.
  11. ezi2buy

    ezi2buy Affiliate affiliate

    20
    6
    3
    Thank you guys. Your guidance are very useful to me. I will try it now.
     
  12. Dr. Forum

    Dr. Forum Affiliate affiliate

    1,311
    385
    83
    It is just a matter of the coding you are using and the entire styling. I do feel that you are having the wrong css codes and the reason as to why you are having your page not in the middle. I am glad to see my buddy having provided the code for the css section. Be sure to try it and seek help if you are not able to solve the issue.Be sure to also make your pages responsive to the browser so that you can be able to have the best when it comes to navigation. The landing pages need to be well positioned.
     
  13. HCFGrizzly

    HCFGrizzly Affiliate Manager Affiliate Manager affiliate

    293
    67
    28
    As much as I love the painter, I would have to contradict you on this matter. If he doesn`t know basic HTML and CSS it`s a bit of an overkill to send him to Bootstrap.
    It would be easier (and much faster) to include the content into a div, and after that set a fixed width and just add auto margin-left and margin-right.
     
  14. marcPIGurus

    marcPIGurus Affiliate affiliate

    16
    11
    3
    Totally agree with HCFGrizzly! Here is some code:

    HTML code

    <html>
    <head></head>
    <body>
    <div id="wrapper">
    site content here
    </div>
    </body>
    </html>


    CSS code

    #wrapper {margin:0 auto;width:980px;}
     
    HCFGrizzly likes this.

Featured Resources (View All)

MI