Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Need help with formatting

    Hello All,

    I am stuck with some basic HTML coding where I have a page which somebody else created with a wrong format .. the content was supposed to be displayed in a columnar form but it is getting displayed and coming in rows instead ..

    Can someone please look into the code pasted below and help me solve this issue .. Frankly, I am very new to HTML and I haven't taken any training yet .. but I have to make these changes .. Any guidance or help will be much appreciated!

    Thanks in advance!
    Regards,
    Godiyal.

    -------------------------------Code-------------------------------


    <div class="clear"></div>

    <div class="content_wrapper">
    <div class="column_1_1">
    <div class="content_div" style="display:block" id="tab1_content">
    <div class="text">
    <div class="text_area" id="rgp"> <span class="text_area_bluetext">Transaction Type</span><span class="text_area_greentext">Points for e-transactions<br /> rewarded </span><br />
    <div class="grandepoints">

    <p>Register for mobile banking</p>
    <p class="rewards"><span class="num">20</span> <span>points</span></p>
    </div>
    <div class="grandepoints">
    <p>Register for online banking</p>
    <p class="rewards"><span class="num">20</span> <span>points</span></p>

    </div>
    <div class="grandepoints">
    <p>Mobile banking transactions (per quarter) </p>
    <p class="rewards"><span class="num">20</span> <span>points</span></p>
    </div>
    <div class="grandepoints">
    <p>Online banking transactions</p>

    <p class="rewards"><span class="num">5</span> <span>points</span></p>
    </div>
    <div class="grandepoints">
    <p>Standard Chartered ATM transactions</p>
    <p class="rewards"><span class="num">5</span> <span>points</span></p>

    </div>
    <div class="grandepoints">
    <p>Standing Instructions</p>
    <p class="rewards"><span class="num">1</span> <span>points</span></p>
    </div>
    <div class="grandepoints">
    <p>Electronic Clearing Service(ECS) transactions</p>

    <p class="rewards"><span class="num">1</span> <span>points</span></p>
    </div>
    <div class="clear"></div>

    <p class="spacer"></p>
    *Maximum cap on points earned per month: ATM txns.- 20, Online banking txns.- 30<br />
    <p class="spacer"></p>

    1 Reward Point = Re.1. Points accumulated can be redeemed by you as Cash Back into the account.<br />
    <br />
    We want to reward you for everything. So go ahead, make the most of your banking experience with us. <br />
    <br />
    <!--To apply for a Savings Account<strong> SMS
    &lt;REW &gt;
    &lt;CITY NAME &gt;
    to 57575</strong> or -->Call <a href="http://www.standardchartered.co.in/personal/ways-to-bank/en/phone-banking-numbers.html" >Phonebanking</a> to know more.<br />
    <br />

    </div>
    </div>
    </div>

    The existing page (which I have to rectify) can be seen @ -
    http://www.standardchartered.co.in/p...de-points.html

  • #2
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    How many columns and what goes in them?

  • #3
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    There are two columns and one text has the category name and the otner one has the number of points against that category..\

    You can please go through the actual page by clicking at this link -
    [URL="http://www.standardchartered.co.in/personal/accounts/en/rewards-grande-points.html"[/URL]

    Thanks!
    Last edited by godiyal; 08-08-2011 at 07:11 PM. Reason: insering a link

  • #4
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    Looks like you need just a simple tabular format, something like the following. However, placing it in context will mean that the whole page coding will need to be adjusted according to the .css stylesheet of the site:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>

    <head>
    <title>2 columns</title>


    <style type="text/css">

    table {border: 1px solid #000; }
    td { border: 1px solid #000; padding: 10px; width: 200px; vertical-align: top; }


    </style>

    </head>

    <body>

    <div>

    <table>
    <tr>
    <td>&lowast; Item number one</td><td>Number of points for no.1</td></tr>
    <tr>
    <td>&lowast; Item number two</td><td>Number of points for no.2. The text will start on the same line</td></tr>
    <tr>
    <td>&lowast; Item number three</td><td>Number of points for no.3. The text is aligned</td></tr>


    </div>
    </body>
    </html>

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Can you perhaps show us exactly what you're wanting to change? I'm a bit confused on your intitial question.

    Which part is "displaying in rows" instead of columnar data?

    How SHOULD it look according to your desired outcome?
    Teed

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    It will better if you will share mockup of layout, how you want it.


  •  

    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
    •