Solved

Centering a table in sharepoint with frontpage involved

Posted on 2011-03-06
4
778 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Office 365 Training for Admins - 7 Day Trial

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
When using a search centre, I'm going to show you how to configure Sharepoint's search to only return results from the current site collection. Very useful when using Office 365 with multiple site collections.
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.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

752 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