|
[x]
Posted via EE Mobile
|
|
| Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again. |
|
|
|
|
Asked by allanmcnabb in Hypertext Markup Language (HTML)
I am trying to align a table to the top of the page. Currently part of the body background is showing above the table, which we want to eliminnate.
We have tried numerous html and css solutions, but have not got it to work.
I've included the html code and css code below.
Thanks!
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
|
html code:
<body BGCOLOR="#C6D3F4" LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="5" background="/images/left-shadow-background.jpg"></td>
<td><table width="750" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
<tr>
<td align="center" valign="top"><img src="/images/header.jpg" width="750" height="155" /></td>
</tr>
<tr>
<td align="center" valign="top"><!-- InstanceBeginEditable name="content" -->
<table width="750" border="0" align="center">
<tr align="center" valign="top">
<td>
<p class="title"> </p>
<p class="center-paragraph">Welcome to our new website!<br />
Under Construction</span></p>
<table width="750" border="0">
<tr>
<td align="center" valign="top"><p class="center-paragraph">13540 N. Florida Avenue, Suite 206B<br />
Tampa, Florida 33613<br />
Phone: 813-264-2954<br />
Fax: 813-265-1862</p>
<p class="paragraph-center-black"> </p></td>
</tr>
</table>
<p> </p>
<p class="center-paragraph"><a href="index.htm" class="c">Home</a> | <a href="contact/index.htm" class="c">Contact</a></span></p>
<p> </p>
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="5" background="/images/right-shadow-background .jpg"></td>
</tr>
<tr>
<td height="50" colspan="3" valign="top" background="/images/bottom-shadow-background.jpg"></td>
</tr>
</table></td>
</tr>
</table>
</body>
------------------------------------------------------------
css code:
a.c:link { color:#0000FF; }
a.c:visited {color:#0000FF; }
a.c:hover { color:#BF414C; }
a.n:link { color:#FFF; }
a.n:visited {color:#FFF; }
a.n:hover { color:#C6D9EC; }
a.bc:link { color:#BF414C; }
a.bc:visited {color:#BF414C; }
a.bc:hover { color:#BF414C; }
body {
background-color: #C6D3F4;
font-family:calibri;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
p {
font-family:calibri;
font-size:12pt;
font-style:normal;
font-weight:100;
letter-spacing:normal;
line-height:14pt;
color: #000;
text-align: left;
}
.center-paragraph {
font-family:calibri;
font-size:12pt;
font-style:normal;
font-weight:100;
letter-spacing:normal;
line-height:14pt;
color: #000;
text-align: center;
}
|
20091111-EE-VQP-89 - Hierarchy / EE_QW_3_20080625
