asked on

CSS overwrite parent style

Hi,

How do i overwrite the parent css style so that my table is always align to the left side of the screen?

And my table will indent base on the @style="margin-left:1.069444in;" and displaying the table without knowing the height of what i'm positioning

<html>
<head>
<style type="text/css">

.p1_1 {
	margin-top: 0.1in;
	margin-right: 0in;
	margin-left: 0in;
	text-align: justify;
	font-family: Times New Roman, Sans-serif;
	font-size: 13pt;
}

.pTxt{
	margin-right:0in;
	margin-left:0.75in;
	text-indent:0in;
	display:block;
}

.p1No{
	float:left;
	display: block;
	margin-left:-0.15in;
	margin-right:0in;
	text-align:right;
	width:0.75in;
}
</style>

</head>
<body>
	<div class="p1_1">
		<div class="p1No">(<em>b</em>)</div>
		<div class="pTxt">this is paragraph (b) &#8212;
			<div class="p1tbl">
				<table cellspacing="0" cellpadding="4" style="margin-left:1.069444in;">
					<tbody valign="top">
						<tr style="height:20pt">
							<td style="width:1in" valign="top">
								<div style="text-align: right;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >where A</div>
							</td>
							<td style="width:4in" valign="top">
								<div style="text-align: left;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >is the ..........;</div>
							</td>
						</tr>
						<tr style="height:20pt">
							<td style="width:1in" valign="top">
								<div style="text-align: right;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >B</div>
							</td>
							<td style="width:4in" valign="top">
								<div style="text-align: left;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >is the value of the .........; and</div>
							</td>
						</tr>
						<tr style="height:20pt">
							<td style="width:1in" valign="top">
								<div style="text-align: right;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >D</div>
							</td>
							<td style="width:4in" valign="top">
								<div style="text-align: left;font-size: 13pt;margin-bottom:0.01in;margin-top:0.02in;" >is the value ........</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div>some text here</div>
			</div>
			</div>
</body>
</html>

Open in new window

With this code, it indents based on the style="margin-left:0.069444in;" in IE,Chrome and firefox. What you really need.

xedge88

ASKER

Hi Gk,

but i would my table to start from the beginning of the left side of the screen without moving out the <table> out of <div>

ASKER CERTIFIED SOLUTION

dnzone88

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

xedge88

ASKER

nil