Solved

Centering a table in sharepoint with frontpage involved

Posted on 2011-03-06
4
760 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

Migrating Your Company's PCs

To keep pace with competitors, businesses must keep employees productive, and that means providing them with the latest technology. This document provides the tips and tricks you need to help you migrate an outdated PC fleet to new desktops, laptops, and tablets.

Question has a verified solution.

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

We had a requirement to extract data from a SharePoint 2010 Customer List into a CSV file and then place the CSV file into a directory on the network so that the file could be consumed by an AS400 system. I will share in Part 1 how to Extract the Da…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
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.
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 +…

790 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