Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
Text Alignment Probs Text Alignment Probs
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Sponsored Reviews   Improve your ranking, submit to directories   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 02-23-2004, 07:07 AM   #1 (permalink)
Inactive
 
Join Date: 01-12-04
Posts: 6
iTrader: 0 / 0%
Latest Blog:
None

LukeH is liked by many
Text Alignment Probs
Hi, Can anyone help?

I'm having problems with the alignment of the main body of text on my web page.

When viewed on 1024x768, the text is centrally aligned between two tables. One either side of the page.

However, when viewed on 800x600, the text is closer to the right table than the left.

I have used percentages for all tables so that the web page will resize without causing horizontal scroll bars.

Any Ideas?

Thanks

Luke




[code:1:0d2b07f83d]<html>

<head>
<script language="JavaScript1.2">

/*
Add-to-favorites Script
Created by David Gardner (toolmandav@geocities.com)
No warranty of any kind comes with this script!
Permission granted to Dynamic Drive (http://dynamicdrive.com)
to post and feature this script on their DHTML archive
*/

//configure the two variables below to match yoursite's own info
var bookmarkurl="http://www.mjrcomputersolutions.co.uk"
var bookmarktitle="MJR Computer Solutions"

function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarkti tle)
}

</script>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>

<body topmargin="0" leftmargin="0" onload="dynAnimation()">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="102">
<tr>
<td width="30%" height="102" valign="top">
<p align="center"><img border="0" src="images/mjr_logo.jpg" width="275" height="113"></td>
<td width="70%" height="102" valign="top">
<p align="center"><img border="0" src="images/top_image.jpg" width="471" height="141"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" bgcolor="#E0DFDF">
<tr>
<td width="3%">&nbsp;</td>
<td width="19%">
<p align="center"><span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt"><a href="news_archive.htm">Technology News Archive</a></font></span></td>
<td width="9%">
<p align="center"><span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Home</a></font></span></td>
<td width="11%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="about_us.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">About Us</a></font></span></td>
<td width="13%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="web_design.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Website Design</a></font></span></td>
<td width="19%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="seo.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Search Engine
Optimisation</a></font></span></td>
<td width="13%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="support.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Support
Solutions</a></font></span></td>
<td width="13%" align="center">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="contact.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Contact Us</a></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" bgcolor="#8AB6E9">
<tr>
<td width="100%">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4" height="267">
<tr>
<td width="17%" height="267" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-width: 1; border-bottom-width: 1" bordercolor="#8AB6E9" width="100%" id="AutoNumber5" height="217">
<tr>
<td width="100%" height="86">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">Latest
Virus Threats </font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">&nbsp;Is Your
Computer Infected?</font></p>
<p align="center"><!--webbot bot="HTMLMarkup" startspan --><!-- Sophos info feed: latest virus alerts - START -->
<script language="JavaScript1.1" src="http://www.sophos.com/virusinfo/infofeed/tenalerts.js"></script>
<script language="JavaScript1.1">
<!--

// Want to customise the look and feel of the virus information // on your site? Simply change the following values to your own // preferences. // // Changing the value of 'count' will change the number of rows // displayed. // Changing the value of 'target' to 'new' will display the link in
// a new window.

// ************************************************** ***************

var bgcolour_main = '#ffffff'
var bgcolour_heading = '#88B6E9'
var text_colour = '#000000'
var link_colour = '#000099'
var font_size = '1'
var font_face = 'arial, verdana, helvetica, sans-serif'
var count = 10 // number should be between 1 and 10
var first_column = 'yes' // 'yes' or 'no'
var cellspacing = 'no' // 'yes' or 'no'
var target = 'new' // '_self' or 'new'

// ************************************************** ***************
// Be careful not to change anything below this line!


var htmltxt = "";
var font_desc = '<font face="' + font_face + '" size="'
+ font_size + '" color="' + text_colour + '">';
var tmp_count = 0;

if (first_column == "no") {
colspan = 1;
} else {
colspan = 2;
}

if (cellspacing == "no") {
cellspacing = 0;
} else {
cellspacing = 2;
}

if (count > 0) {
if (count > 10) {count = 10}
htmltxt += '\n<table cellpadding="6" cellspacing="'
+ cellspacing + '" border="0" bgcolor="#ffffff">';
if (count == 1) {
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ '<b>Latest virus alert</b></font></td></tr>';
} else {
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc + '<b>Latest '
+ count + ' virus alerts</b></font></td></tr>';
}

for (var i=0; i<tenalerts.length; i+=3) {
tmp_count++;
if (tmp_count > count) {
break;
} else {
if (first_column == "no") {
htmltxt += '\n<tr><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<a href="' + tenalerts[i+2] + '" target="'
+ target + '"><font color="'
+ link_colour + '"><nobr>' + tenalerts[i+1]
+ '</nobr></font></a></font></td></tr>';
} else {
htmltxt += '\n<tr><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<nobr>' + tenalerts[i+0]
+ '</nobr></font></td><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<a href="' + tenalerts[i+2] + '" target="'
+ target + '"><font color="'
+ link_colour + '"><nobr>' + tenalerts[i+1]
+ '</nobr></font></a></font></td></tr>';
}
}
}
} else {
document.write
("=== Sophos info feed error: Specify value of count > 0 ==="); }

// Please do not remove the code after this point.

htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ 'Source: <a href="http://www.sophos.com" target="'
+ target + '"><font color="' + link_colour
+ '">Sophos</font></a></td></tr>';
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ '<a href="http://www.sophos.com/virusinfo/infofeed/" target="'
+ target + '"><font color="' + link_colour
+ '">Add this info to your website</font></a></td></tr>';
htmltxt += '\n</table>';

document.write(htmltxt);
//-->
</script>
<!-- Sophos info feed: latest virus alerts - END -->
<!--webbot bot="HTMLMarkup" endspan --></p>
<p></td>
</tr>
<tr>
<td width="100%" height="192">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
Recommended Links</font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a target="_blank" href="http://news.bbc.co.uk/1/hi/technology/default.stm">BBC
Technology News</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a target="_blank" href="http://www.sophos.co.uk">Sophos Anti-Virus</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt">
<a href="http://www.google.co.uk/">Google Search</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us"><font face="Arial" style="font-size: 8.5pt">
<a href="http://www.microsoft.com/security/protect/default.asp">
Microsoft Workstation Protection</a></font></span></p>
<p></td>
</tr>
<tr>
<td width="100%" height="131">
&nbsp;</td>
</tr>
</table>
</td>
<td width="64%" height="267" valign="top">
<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<blockquote>
<table width="89%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#111111" id="AutoNumber7" style="border-collapse: collapse">
<tr>
<td width="100%" colspan="2"><div align="left"></div></td>
</tr>
<tr>
<td width="100%" colspan="2"><img border="0" src="images/welcome.jpg" width="108" height="26"></td>
</tr>
<tr>
<td width="100%" colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="95%">
<font face="Arial" style="font-size: 8.5pt" color="#008080">MJR Computer
Solutions is the IT Support arm of Leicester based Chartered Accountants and
Business Advisers Mark J Rees.</font></td>
<td width="7%">&nbsp;
</td>
</tr>
<tr>
<td width="100%" colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="100%" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber8">
<tr>
<td width="1%" valign="top">&nbsp;
</td>
<td width="8%" valign="top">
<img border="0" src="images/bulb.gif" width="63" height="59"></td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="29%" valign="top">
<p style="margin: 0 1"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Website Design</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
offer a range of website design services geared towards giving
your business a competitive edge on the web.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="web_design.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="8%">&nbsp;</td>
<td width="6%" valign="top">
<img border="0" src="images/network-connection.jpg" width="63" height="59"></td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="29%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Network Support &amp; Consultancy</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
have a range of network&nbsp; solutions from telephone support &amp;
troubleshooting to same day on-site &amp; network design.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="support.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="7%" valign="top">&nbsp;
</td>
</tr>
<tr>
<td width="13%" colspan="3">&nbsp;</td>
<td width="29%">&nbsp;</td>
<td width="8%">&nbsp;</td>
<td width="12%" colspan="2">&nbsp;</td>
<td width="35%" colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="2%" valign="top">&nbsp;
</td>
<td width="6%" valign="top">
<img border="0" src="images/search.jpg" width="63" height="59"></td>
<td width="5%" valign="top">&nbsp;
</td>
<td width="29%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">Search
Engine Optimisation</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">Where
does your website appear on an internet search? We can submit your
site and implement keyword strategies to ensure high rankings.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="seo.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="8%">&nbsp;</td>
<td width="6%" valign="top">
<img border="0" src="images/computer.jpg" width="63" height="59"></td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="19%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Hardware &amp; Software Support</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
have a range of support solutions from telephone support &amp;
troubleshooting&nbsp; to same day on-site visits.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="support.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="16%" valign="top">&nbsp;
</td>
</tr>
<tr>
<td width="2%" valign="top">&nbsp;
</td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="5%" valign="top">&nbsp;
</td>
<td width="29%" valign="top">&nbsp;
</td>
<td width="8%">&nbsp;</td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="6%" valign="top">&nbsp;
</td>
<td width="19%" valign="top">&nbsp;
</td>
<td width="16%" valign="top">&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>
</blockquote>
</td>
<td width="19%" height="267" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-width: 1" bordercolor="#8AB6E9" width="100%" id="AutoNumber6" height="303">
<tr>
<td width="100%" height="124">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline" lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
Technology News</font></span></p>
<p align="center"><!--webbot bot="HTMLMarkup" startspan --><script language="javascript" src="http://www.feedroll.com/rssviewer/view_rss.php?type=js&source_id=26&feed_width=150&f rame_color=black&title_textcolor=black&title_bgcol or=white&box_textcolor=black&box_bgcolor=white&fee d_showborder=0&feed_compact=1&feed_xmlbutton=1&fee d_spacing=2&feed_maxitems=15&link_openblank=1&feed _align=left&feed_textsize=9&feed_textfont=Arial, Helvetica, sans-serif"></script><!--webbot bot="HTMLMarkup" endspan --></p>
<p></td>
</tr>
<tr>
<td width="100%" height="179" valign="top">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">Site
Specific Links</font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="news_archive.htm">Site&nbsp;
News Archive</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="contact.htm">Arrange a
call-back</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="contact.htm">Log A
Support Call</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="javascript:addbookmark()">Add Us To
Your Favorites</a></font></p>
<p></td>
</tr>
<tr>
<td width="100%" height="179" valign="top">
&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>

</body>

</html>[/code:1:0d2b07f83d]
LukeH is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 02-23-2004, 08:10 AM   #2 (permalink)
sim
Banned
 
Join Date: 01-23-04
Posts: 2,367
iTrader: 0 / 0%
Latest Blog:
None

sim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nicesim is just really nice
I dont know html ;o

you try valign instead of align?
sim is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum

Reply

« Previous Thread | Next Thread »


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Fireworks resolution probs JustRetarded Web Design Lobby 0 08-16-2007 08:06 AM
Table probs. in IE? Michelle2005 Blogging Forum 9 07-21-2006 04:15 AM
Google Adsense Ads Probs? kiwidesigner Contextual Networks 2 11-21-2004 12:27 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


Site Navigation: v7n Home .::. Graphics .::. Scripts .::. Web Designers .::. SEO Consultants .::. Web Hosting

Partners:V7N Web Directory .::. V7N Technology Blog .::. Host Ratings@V7N .::. V7N Affiliate Program .::. Advertise

All times are GMT -7. The time now is 03:34 PM.
© Copyright 2008 V7 Inc

Contact Us - Internet Marketing - Top