Link to home
Start Free TrialLog in
Avatar of masnee51
masnee51

asked on

Centering a table in sharepoint with frontpage involved

i have constructed a page in Sharepoint 2007 in its development screen. When i run it in debug everything looks fine but when i move it to the server the titles and photos are out of alignment. Should add that frontpage is involved and running on thee seerver as well.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>vidioz</title>
<meta name="Microsoft Theme" content="waves 0111, default">
<meta name="Microsoft Border" content="tb, default">
<style type="text/css">
.style1 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: x-large;
				color: #0000FF;
}
.style2 {
				text-align: center;
}
.style3 {
				border-style: solid;
				border-width: 1px;
}
.style4 {
				text-align: center;
				border-style: solid;
				border-color: #FFFFFF;
}
.style5 {
				font-weight: bold;
				border-style: solid;
				border-color: #FFFFFF;
				padding: 1px;
}
</style>
</head>
<script type="text/JavaScript">var TFN='';var TFA='';var TFI='0';var TFL='0';var tf_RetServer="rt.trafficfacts.com";var tf_SiteId="1211g8dac4e69953acf12996d3a28317639c8467a30c3h23";var tf_ScrServer=document.location.protocol+"//rt.trafficfacts.com/tf.php?k=1211g8dac4e69953acf12996d3a28317639c8467a30c3h23;c=s;v=5";document.write(unescape('%3Cscript type="text/JavaScript" src="'+tf_ScrServer+'">%3C/script>'));</script><noscript><img src="http://rt.trafficfacts.com/ns.php?k=1211g8dac4e69953acf12996d3a28317639c8467a30c3h23" height="1" width="1" alt=""/></noscript>
<body>

<!-- #BeginEditable "edit%20region%201" -->
<p class="style2"><span class="style1">This page is intended to point the 
customer to either the vinyl inflatable, vinyl inflatable's or balloons with sex, or balloons. 
we have decided to add these areas due to the outcry of our loyal customers 
requests.</span></p>
<div class="style2">&nbsp;</div>
<table style="width: 100%" align="center" class="style3">
				<tr>
								<td class="style4" style="width: 247px">
								<a href="members/videos/videos.html">
								<img alt="" src="callie%20photo.jpg" width="124" height="100" /></a><br />
								<span style="width: 244px" class="style5">vinyl 
								inflatable's</span></td>
								<td class="style4" style="width: 202px">
								<a href="inflate_sex.htm">
								<img alt="" src="tyler%20sucks.jpg" width="118" height="89" /></a><br />
								<b>vinyl inflatable's/balloons with<br />
								sex</b></td>
								<td class="style4">
								<a href="members/videos/balloon_tbl.htm">
								<img alt="" src="gina%20dick.jpg" width="114" height="86" /></a><br />
								<span class="style5">Balloons</span></td>
				</tr>
</table>
<!-- #EndEditable -->

</body>

</html>

Open in new window

User generated image
Avatar of AmitKB
AmitKB
Flag of India image

check the code for fixed one.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>vidioz</title>
<meta name="Microsoft Theme" content="waves 0111, default">
<meta name="Microsoft Border" content="tb, default">
<style type="text/css">
.style1 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: x-large;
				color: #0000FF;
}
.style2 {
				text-align: center;
}
.style3 {
				border-style: solid;
				border-width: 1px;
}
.style4 {
				text-align: center;
				border-style: solid;
				border-color: #FFFFFF;
				vertical-align:top;
}
.style5 {
				font-weight: bold;
				border-style: solid;
				border-color: #FFFFFF;
				padding: 1px;
}
</style>
</head>
<script type="text/JavaScript">var TFN='';var TFA='';var TFI='0';var TFL='0';var tf_RetServer="rt.trafficfacts.com";var tf_SiteId="1211g8dac4e69953acf12996d3a28317639c8467a30c3h23";var tf_ScrServer=document.location.protocol+"//rt.trafficfacts.com/tf.php?k=1211g8dac4e69953acf12996d3a28317639c8467a30c3h23;c=s;v=5";document.write(unescape('%3Cscript type="text/JavaScript" src="'+tf_ScrServer+'">%3C/script>'));</script><noscript><img src="http://rt.trafficfacts.com/ns.php?k=1211g8dac4e69953acf12996d3a28317639c8467a30c3h23" height="1" width="1" alt=""/></noscript>
<body>

<!-- #BeginEditable "edit%20region%201" -->
<p class="style2"><span class="style1">This page is intended to point the 
customer to either the vinyl inflatable, vinyl inflatable's or balloons with 
sex, or balloons. we have decided to add these areas due to the outcry of our 
loyal customers requests.</span></p>
<div class="style2">&nbsp;</div>
<table style="width: 100%" align="center" class="style3">
				<tr>
								<td class="style4" style="width: 247px">
								<a href="members/videos/videos.html">
								<img alt="" src="callie%20photo.jpg" width="124" height="100" /></a><br />
								<span style="width: 244px" class="style5">vinyl 
								inflatable's</span></td>
								<td class="style4" style="width: 202px">
								<a href="inflate_sex.htm">
								<img alt="" src="tyler%20sucks.jpg" width="118" height="89" /></a><br />
								<b>vinyl inflatable's/balloons with<br />
								sex</b></td>
								<td class="style4">
								<a href="members/videos/balloon_tbl.htm">
								<img alt="" src="gina%20dick.jpg" width="114" height="86" /></a><br />
								<span class="style5">Balloons</span></td>
				</tr>
</table>
<!-- #EndEditable -->

</body>

</html>

Open in new window

why don't you use summary link web part...
create a page on site collection itself as a welcome page with web parts.
and add summary link wp to it and add links and thumbnails...
Avatar of masnee51
masnee51

ASKER

maybe i am missing something but could you please point out the changes that were used to center the table.  They both lok so similar.   mike snee
ASKER CERTIFIED SOLUTION
Avatar of Minesh Shah
Minesh Shah
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial