Need help with formatting

godiyal

08-08-2011, 03:26 PM

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 />
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/personal/accounts/en/rewards-grande-points.html

Avril

08-08-2011, 04:57 PM

How many columns and what goes in them?

godiyal

08-08-2011, 07:03 PM

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!

Avril

08-09-2011, 01:15 PM

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>

teedoff

08-09-2011, 02:03 PM

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?

vikram1vicky

08-09-2011, 02:37 PM

It will better if you will share mockup of layout, how you want it.