www.webdeveloper.com
Results 1 to 14 of 14

Thread: How to fix HTML code view?

Hybrid View

  1. #1
    Join Date
    Dec 2010
    Posts
    10

    Question How to fix HTML code view?

    I have posted a question on answers.yahoo.com

    http://answers.yahoo.com/question/in...3002825AAYoJFc

    but i want to extend it:

    1) http://i1229.photobucket.com/albums/...01/screen3.png

    Code:

    <h2 style="text-align: center;"><a href="#order"><span style="font-family: Tahoma;">Download Your Copy Now!</span></a></h2>
    <p align="center"><span style="font-family: Georgia;"><span style="font-family: Verdana; font-size: medium;"><strong>Your Investment Is Risk-Free!</strong></span></span></p>
    <div>
    <div style="text-align: center;"></div>
    <span style="font-family: Georgia;"><span style="font-family: verdana; font-size: small;">
    <table style="border-collapse: collapse; background-color: #fffee0; width: 449px; height: 224px;" border="1" cellspacing="0" cellpadding="20">
    <tbody>
    <tr>
    <td>
    <div style="text-align: center;"><span style="font-weight: bold; font-style: italic; font-family: Georgia; font-size: small;">You Have Nothing To Lose With My...</span><br />
    <h2 style="font-family: Tahoma; color: #cc0000;"><span style="font-size: large;"><strong>100% Money-Back Guarantee!</strong></span></h2>
    </div>
    <span style="font-family: Georgia;">I guarantee you will be<span style="font-weight: bold;">totally satisfied with this package 100% or your money back.</span><br /> </span><span style="font-family: Georgia;"><span style="font-family: verdana; font-size: small;"><span style="font-family: Georgia;"><img style="width: 116px; height: 116px;" src="http://website.com/images/3.png" alt="" align="right" /></span></span></span><span style="font-family: Georgia;">You have nothing to lose but so much to gain because even just ONE of the secrets you're about to discover could double or triple your income!</span><span style="font-family: Georgia;"><span style="font-family: verdana; font-size: small;"><span style="font-family: Georgia;"><br /> <br /> That's right - if you don't find the contents of this ebook, and secret bonuses to be all I've described and more, or if you don't find it helpful for any reason, let me know within <span style="font-weight: bold;">60 days</span> and I'll refund every penny.</span></span></span><br /></td>
    </tr>
    </tbody>
    </table>
    </span></span></div>


    2) http://i1229.photobucket.com/albums/...01/screen2.png

    Code:

    <h2 style="text-align: center;"><a href="#order"><span style="font-family: Tahoma;">Download Your Copy Now!</span></a><span style="font-family: Georgia;"><span style="font-family: verdana; font-size: small;"> </span></span></h2>
    <div style="text-align: center;"><strong><span style="font-family: Tahoma; font-size: medium;">What Others Are Saying About "6 Figure List Secrets"...<br /> <br /> </span></strong></div>
    <strong><span style="font-family: Tahoma; font-size: medium;"> </span></strong>
    <div><span style="font-family: Georgia;"><span style="font-family: verdana; font-size: small;">
    <table style="border-collapse: collapse; width: 438px; height: 367px; background-color: #fffee0;" border="1" cellspacing="0" cellpadding="15" bordercolor="#003366">
    <tbody>
    <tr>
    <td>
    <div style="text-align: center;"><big style="color: #cc0000; font-style: italic;"><big><span style="font-weight: bold; font-family: Georgia;"><span style="font-family: verdana; font-size: small;"><big><big><span style="font-family: Bodoni MT;"><span style="text-decoration: underline;">"Really, Really Excellent... <br /> I Would Go So Far As To Call It 'Delicious'.</span>"...</span></big></big></span></span></big></big></div>
    <br /> <span style="font-family: Bodoni MT; color: #333333;"><span style="font-weight: bold;">This is really, really excellent...</span> I would go so far as to call it "delicious." This is a tremendous value. Everything is exactly as you described in the wso copy. <br /> <br style="font-family: Bodoni MT; color: #333333;" /> </span> <span style="font-family: Bodoni MT;"><span style="color: #333333;">Its <span style="font-weight: bold; font-style: italic;">all </span>good, but at first glance the pre-launch sequence emails were especially revealing for me. I always wondered how the big dogs did it!</span> <br /> <br /> <span style="font-weight: bold; color: #333333;">buddhabux</span> <span style="color: #333333;"><br /> - Copywriter &amp; Ghostwriter</span></span></td>
    </tr>
    </tbody>
    </table>
    </span></span></div>


    3) http://i1229.photobucket.com/albums/...01/screen4.png

    Code:

    <div>
    <table border="0">
    <tbody>
    <tr>
    <td>
    <table style="border: 4px dashed black; width: 398px; height: 200px;" border="0" cellpadding="20">
    <tbody>
    <tr>
    <td style="text-align: center;">
    <p align="center"><big style="font-family: Tahoma; color: #cc0000;"><strong><a name="order"></a>Click The Button To Download Your Copy Now!<br /> </strong></big>&nbsp;<br /> <img style="width: 147px; height: 170px;" src="http://website.com/images/6figurelistebook.png" alt="" /></p>
    <h2><strong style="font-family: Tahoma;">For A One-Time $47 <span style="color: red;">Just $7</span></strong></h2>
    <p align="center"><a href="index.php?action=order&amp;oto=1"><img src="http://website.com/images/order.jpg" border="0" alt="order" width="289" height="151" /></a></p>
    <br /> <em><span style="font-size: x-small;"><br /> <span style="font-family: Georgia;">Secure Payments Made Through PayPal -</span><span style="font-family: Georgia;"> Instant Download Delivery</span> </span></em>
    <p>&nbsp;</p>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </div>


    Thanks in advance,

    Adam

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    but i want to extend it
    In what way?

    Use BB Code in your posts: http://www.webdeveloper.com/forum/misc.php?do=bbcode
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Dec 2010
    Posts
    10
    I want to know how to align those parts to center of the page, that are at screenshots.

    Thanks,

    Adam.

    P.s. "Is BB code that necessary?"

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    It appears your misaligned content is in tables. Use the margin in combination with width:
    Code:
    <table style="border: 4px dashed black; margin:auto; width: 398px; height: 200px;" border="0" cellpadding="20">
    P.s. "Is BB code that necessary?"
    most members prefer it and it does separate text content from code, a good practice.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Dec 2010
    Posts
    10
    Managed to fix number (1) and (2)...

    It appears your misaligned content is in tables. Use the margin in combination with width
    What do you mean?

    And how to fix the one on answers.yahoo.com?

  6. #6
    Join Date
    Dec 2010
    Posts
    10
    okay, managed to fix the one on answers.yahoo.com

    only the last one left...

    Any suggestions?

  7. #7
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Use the margin in combination with width
    Code:
    #foo {
    margin:auto;
    width:200px;
    }
    At least 98% of internet users' DNA is identical to that of chimpanzees

  8. #8
    Join Date
    Dec 2010
    Posts
    10
    Sorry, Fang it seems i do not understand something, coz i've posted

    #foo {
    margin:auto;
    width:200px;
    }
    to the stylesheets.css

    and then added
    <div id="foo">
    code
    </div>

    And nothing happened this is what i saw
    http://i1229.photobucket.com/albums/...01/screen4.png

    even changed to 400px the same thing.

    Thanks in advance,

    Adam

  9. #9
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    #foo is the id of the element you need to center
    At least 98% of internet users' DNA is identical to that of chimpanzees

  10. #10
    Join Date
    Dec 2010
    Posts
    10
    Yeah, I know that but it's still not works.

  11. #11
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    #3
    Code:
    <table style="border: 4px dashed black; margin:auto; width: 398px; height: 200px;" border="0" cellpadding="20">
    At least 98% of internet users' DNA is identical to that of chimpanzees

  12. #12
    Join Date
    Dec 2010
    Posts
    10
    so you just copied that code what does it mean?

  13. #13
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Combining margin:auto; and width will center the element
    At least 98% of internet users' DNA is identical to that of chimpanzees

  14. #14
    Join Date
    Dec 2010
    Posts
    10
    Thanks it worked like this margin-left: 115px;

    Regards,

    Adam

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles