11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

Need help with HTML on an aMember form

by perryny
9 replies
  • WEB DESIGN
    • |
Hi,

I have a login page on my site that needs some work.

Rather than try to explain what I did, I think if you just took a look at the page, you'll see what I'm trying to fix.

Discover The Secret To Starting Your Own Highly Successful Computer Consulting Business!

Essentially, I want to accomplish the following:

1. I want to widen the page, where it will properly fit the sales letter.

2. I want to remove the page tabs from the header

3. The sales letter isn't displaying properly. The sales letter as it should look can be seen here: Discover The Secret To Starting Your Own Highly Successful Computer Consulting Business!

4. Besides the login.php, there's also an order.php and a signup.php. I have to make sure that all of these pages still work after the changes have been made.

Anyone familiar enough with aMember that might be able to lend a hand with this?

Also, I hope it's ok that I posted the links here. I'm not trying to promote my site here, just trying to get it to work properly.

Thanks for looking,
-Rob
#amember #form #html
  • Profile picture of the author RichPirate
    I don't know enough about aMember to help you with removing the tabs, but your formatting issue is because the header image is to large (the one that says "Attention all...") I would convert that in to text.
    Signature

    WSO: Earn $1,000 per Month With This Model. Guaranteed.

    {{ DiscussionBoard.errors[1334487].message }}
    • Profile picture of the author perryny
      I'm hoping to keep the Sales Letter format (header and all) intact, and widen the login.php form itself to better incorporate the Sales Letter.

      I assumed this would essetially require that I widen the header and footer of the login.php page, but I've got no clue what's involved, so I really have no right to assume anything here...
      Signature
      End procrastination with this simple project time tracker.
      {{ DiscussionBoard.errors[1334590].message }}
      • Profile picture of the author Susan Stones
        Originally Posted by perryny View Post

        I'm hoping to keep the Sales Letter format (header and all) intact, and widen the login.php form itself to better incorporate the Sales Letter.

        I assumed this would essetially require that I widen the header and footer of the login.php page, but I've got no clue what's involved, so I really have no right to assume anything here...
        That is one option, it would require creating new graphics, and there are a number of other problems. In particular, it would be too wide to be displayed properly on the most common sized screen.

        There is a difference is fonts, sizes etc. I am guessing that you are missing a style sheet. Removing the tabs is a little harder to explain. Your login boxes are too large and in the wrong place pushing the main body over, and the borders on your tables are too wide.

        You also have a problem with the background image, which doesn't go down the length of the page. Considering that your target market is computing professionals, you need to get this right.

        I would be happy to help you with this problem. Send me a private message if you like.
        {{ DiscussionBoard.errors[1339038].message }}
  • Profile picture of the author perryny
    Should I have mentioned I'm willing to pay for help?
    Signature
    End procrastination with this simple project time tracker.
    {{ DiscussionBoard.errors[1336985].message }}
  • Profile picture of the author VisualWebEffects
    ok wow, where to start .....

    first thing,

    1) you have 1 page, but in it you have 2 full html documents defined. Meaning 2 sets of meta, head,and body tags.

    2) the table that contains the sales letter itself, the table width is to wide for the content container.

    ---

    to remove the tab navbar, open the html document, viewing source code find:

    <ul class="art-menu">

    select everything from there down to:

    </ul>
    </div>

    <div class="art-contentLayout">

    just do not select the div tags. then simpley delete.
    Signature
    VisualWebEffects- Web Application Development, PC Software Development and Identity Design services
    {{ DiscussionBoard.errors[1339415].message }}
    • Profile picture of the author perryny
      Thanks for your replies.

      Susan, I sent you a PM.

      All I did to create this magical feat was to copy the HTML from the Sales Letter and plug it into the aMember box for the message I want to display on the Login Page. If I clear the box out, the page will display nicely, but without my sales letter, which is what I really want the visitors that reach this page to see.
      Signature
      End procrastination with this simple project time tracker.
      {{ DiscussionBoard.errors[1340519].message }}
  • Profile picture of the author Aronya
    RichPirate was right. Your Attention All graphic is 800px wide. Fix that, and most of your problems are likely to go away. You can test the result by removing the code that includes that graphic (or change the file name on the graphic temporarily) to see what happens to the rest of the sales letter.

    Also, Susan is right about not widening things to fit the sales letter. It would be simpler to do the reverse, plus your page would be too wide, requiring most people to scroll horizontally to see the whole thing.
    {{ DiscussionBoard.errors[1342899].message }}
  • Profile picture of the author VisualWebEffects
    Here is my suggestion,

    As i stated in my other post, your page has 2 full HTML documents defined inside it. You have the main document, then you have the sales letter. both include their own meta, head, and body.

    Take out what you did put in for the sales letter, go back to the sales letter code and copy ONLY the content between the following tags:

    <body> and </body>

    once you have it pasted back into your login.php page, find the main table for the sales letter, if you are looking at the code you will see:

    <table width="600" border="1" align="center">

    Change the width="600" to a lower number until it fits nicely.

    -----

    Currently, if you view the source code for your login.php page you will see a few things

    Very top of document:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>Discover The Secret To Starting Your Own Highly Successful Computer Consulting Business!</title>
    and if you go to the part where you have the sales letter you will see:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Discover The Secret To Starting Your Own Highly Successful Computer Consulting Business!</title>
    <link

    href="/images/styles.css"

    type="text/css" rel="stylesheet" />
    <style type="text/css">
    <!--
    .style11 {color: #ffffff}
    -->
    </style>
    </head>

    <body>
    <table width="600" border="1" align="center">
    This is 100% incorrect. but easy to fix.
    Signature
    VisualWebEffects- Web Application Development, PC Software Development and Identity Design services
    {{ DiscussionBoard.errors[1343571].message }}
    • Profile picture of the author Aronya
      Originally Posted by VisualWebEffects View Post

      Here is my suggestion,

      As i stated in my other post, your page has 2 full HTML documents defined inside it. You have the main document, then you have the sales letter. both include their own meta, head, and body.

      Take out what you did put in for the sales letter, go back to the sales letter code and copy ONLY the content between the following tags:

      <body> and </body>

      once you have it pasted back into your login.php page, find the main table for the sales letter, if you are looking at the code you will see:

      <table width="600" border="1" align="center">

      Change the width="600" to a lower number until it fits nicely.

      -----

      Currently, if you view the source code for your login.php page you will see a few things

      Very top of document:



      and if you go to the part where you have the sales letter you will see:



      This is 100% incorrect. but easy to fix.
      Yeah! What he said!
      {{ DiscussionBoard.errors[1344039].message }}

Trending Topics