Unwanted border though border is set to zero [Archive]

cgl102770

06-25-2008, 10:43 AM

My site is www.christianleonard.info. Theres currently a few pixels space between the buttons on the top of the page. I tried border="0" and setting all of the other borders and spacing to "0" but nothing seems to help. Thank you for any suggestions.

WebJoel

06-25-2008, 11:16 AM

....<td align="center" height="120" valign="top"><table cellspacing="0" height="0" width="960" table border="0" cellpadding="0">
<img src="images/b_home.jpg" border="0" width="120" height="45"></a></td><a href="index.html">
<img src="images/b_services.jpg" border="0" width="120" height="45"></a></td><a href="services.html">.... unrecognized.

This whole thing should be an "unordered list" though, not a series of anchors with no semantic connection to the whole.

donatello

06-25-2008, 03:22 PM

Probably something in the stylesheet.
It has to be.

Where is your stylesheet?
You have this line of code in your HTML:

<link rel="stylesheet" type="text/css" href="images/.css">

So you are calling up a stylesheet, but there is no stylesheet...
Kill that line of code for starters... or hook it up to the stylesheet properly.

You had me puzzled for a minute, so I went back and checked your code.
1.) You should use a DIV and CSS with an unordered list, not tables.
2.) Your HTML tags are all screwed up, you have them AFTER the image. Your first image has a closing tag </a> but no opening tag.
3.) Your tables have closed table data tags </td> but no opening table data.
4.) You have a SPACE between each image that you cannot see in your HTML. Go in and remove all your spaces and it will work.

I HATE TABLES AND IT'S A BAD PRACTICE, but fixed it for you here up until your logo, but you can see what I've done:

<html>
<head>
<title>Welcome to Atlanta Web Design by Christian Leonard.com!</title>
<center>
<base href="http://www.christianleonard.info/">
<script src="images/js-index.js" language="javascript" type="text/javascript"></script>

<meta name="description" content="Welcome to Atlanta Web and Print Designer ChristianLeonard.com">
<meta name="keywords" content="atlanta web design, atlanta web site design, web development atlanta, atlanta web designer, atlanta web site programming, web site development atlanta, atlanta web design company, atlanta web design, web design in atlanta, web site developer in atlanta, atlanta web site designer, web design, web site design, web page design, web design company, web site design company, web design and development, web design and hosting, professional web design, affordable web design, web design firm, internet marketing, atlanta website design, atlanta website designer, Georgia, Georgia web design, Georgia web site design, Georgia web site designer">

<meta name="robots" content="index,follow">
<meta name="author" content="info@christianleonard.com">
<meta name="resource-type" content="document">
<meta name="clientbase" content="North America Georgia USA">
<meta name="distribution" content="Georgia">
<meta name="rating" content="General">
<META NAME="page-topic" CONTENT="atlanta web design">
<META NAME="audience" CONTENT="all">
<META NAME="expires" CONTENT="NEVER">
<META NAME="page-type" CONTENT="document">
<meta name="Georgia" content="atlanta web design">

<meta name="Atlanta" content="atlanta web design">
<meta name="internet design" content="GENERAL">
<meta name="internet and world wide web" content="GENERAL">
<meta name="Classification" content="Atlanta web design, Georgia">



</head><body topmargin="0" cellpadding="0" border="0" leftmargin="0" bgcolor="#000000" link="#ffffff" text="#ffffff" vlink="#ffffff">

<p class="MsoNormal" style="margin: 0in .2in 0pt;">
<b style="mso-bidi-font-weight: normal"><span style="color:6f7883; font-family: 'Arial','sans-serif';
mso-bidi-font-family: Arial; font-size:13px">

<br />
Welcome to Atlanta Web Design by ChristianLeonard.com</span></b><br />
<center><br />
</center>

<tr><td align="center" height="120" valign="top"><table cellspacing="0" height="0" width="960" table border="0" cellpadding="0">
<a href="#"><img src="images/b_home.jpg" border="0" width="120" height="45"></a><a href="index.html"><img src="images/b_services.jpg" border="0" width="120" height="45"></a><a href="services.html"><img src="images/b_prices.jpg" border="0" width="120" height="45"></a><a href="prices.html"><img src="images/b_gallery.jpg" border="0" width="120" height="45"></a><a href="gallery.html"><img src="images/b_faq.jpg" border="0" width="120" height="45"></a><a href="faq.html">
<img src="images/b_links.jpg" border="0" width="120" height="45"></a><a href="links.html">
<img src="images/b_order.jpg" border="0" width="120" height="45"></a><a href="order.html">
<img src="images/b_contact.jpg" border="0" width="120" height="45"></a><a href="contact.html"></tr></td></tr></table>
<table align="left" border="0" cellpadding="0" cellspacing="0" width="1680"><tbody><tr><td valign="top" width="1680"><table border="0" cellpadding="0" cellspacing="0" width="700"><tbody><tr>

<table cellspacing="0" cellpadding="0" border="0" height="100%" width="100%">
<tr>
<td height="100%" width="100%" valign="middle" align="center"><embed src="index.swf" width="1680" height="625" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi
?P1_Prod_Version=ShockwaveFlash"></embed></td></tr></table>

</a></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><br clear="all">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="900">
<tbody><tr><td valign="top" width="900">

<tr><td align="center" height="100" valign="top"><table cellspacing="0" height="0" width="960" table border="0" cellpadding="0">

<img src="images/panel_contact.jpg" border="0" width="552" height="28"></a></td></tr></td></tr></table>

</b></dd></dl>

</center>

</html>

You still need to go back and fix your hyperlinks. This will get you started down the 'right' path. But really, look into CSS... maybe find a menu you like on the OSWD (http://www.oswd.org) page and try to use the CSS on your page to be more up to date and W3 compliant.