Solved

Centering a table in sharepoint with frontpage involved

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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Browser history files 3 54
Sharepoint nonfunctional - Emergency 6 34
Internet Explorer Certificate error 9 32
Google map my location not working in chrome 3 9
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.
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.
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 +…

773 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