Solved

Centering a table in sharepoint with frontpage involved

Posted on 2011-03-06
4
731 Views
Last Modified: 2012-06-21
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

output from code generated
0
Comment
Question by:masnee51
  • 2
4 Comments
 
LVL 2

Expert Comment

by:AmitKB
ID: 35053443
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

0
 
LVL 10

Expert Comment

by:Minesh Shah
ID: 35053833
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...
0
 

Author Comment

by:masnee51
ID: 35053875
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
0
 
LVL 10

Accepted Solution

by:
Minesh Shah earned 500 total points
ID: 35108301
sure. click edit page, select image/data to be moved and increase / decrease indent.
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

I had to do a bit of research to find the answer to this question so I thought I'd share my results.  Due to our outdated mainframe systems, we need to downgrade IE9 to IE8 in order to stay compatible.  We also needed to downgrade Java.  In order to…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now