HTML Help

Stacy1 · Joined: 04 Oct 2009 Posts: 1

Good afternoon,

I've been looking for the issue with the code on this for ages and was hoping somebody with fresh eyes can help me. I'm trying to fix an issue with the spacing on a link for this website. www.diogenlighting.com

As you can see in the lower right hand corner there is a link that reads: Diogen Lighting Products are proudly used by Ed Begley Jr. The link works but "Begley Jr." is spaced too far apart from the rest of the link above it. Can you please advise as to what I'm missing? I can't find a <BR> or anything that could be leading to this issue. Currently, the company is having me modify this via a WYSIWYG editor. The Design View of the product isn't very easy to use and I find that the best way to make changes is via the Code side. Please advise as soon as possible as this problem has been plaguing me all weekend.

Many Thanks in advance!

This is the code for that page:

<div id="cont" align="center"><div id="cont_top_b" align="right"></div><div id="cont_cent_b" style="background: transparent url(images/m_c_b_b.png) repeat-y scroll center center; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><div style="height: 340px; width: 800px;"><object style="visibility: visible;" id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="340"><param name="movie" value="diogen_home.swf"><param name="quality" value="high"><param name="wmode" value="opaque"><param name="swfversion" value="6.0.65.0"><param name="expressinstall" value="Scripts/expressInstall.swf"><object type="application/x-shockwave-flash" data="diogen_home.swf" width="800" height="340"><param name="quality" value="high"><param name="wmode" value="opaque"><param name="swfversion" value="6.0.65.0"><param name="expressinstall" value="Scripts/expressInstall.swf"><div><h4>Content on this page requires a newer version of Adobe Flash Player.</h4><p><a href="http://get.adobe.com/flashplayer/?promoid=BUIGP"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"></a></p></div></object></object></div><div id="home_left" align="left"><font size="3"><span class="home_link"><a href="?n=prod&sm=dbulb">DIOGEN BULB</a></span></font><br><div id="home_left_cont">The Diogen Bulb is a state-of-the-art breakthrough in L.E.D. lamp design and is the next evolutionary step in the lighting industry. The unique retrofit design of the Diogen Bulb universally replaces standard incandescent and compact fluorescent (CFL) bulbs and is both UL and CUL certified.</div></div><div id="home_mid" align="left"><span class="home_link"></span><font size="3"><span class="home_link"><a href="edit.php?n=cont&sm=bdis">BECOME A DISTRIBUTOR</a></span></font><br><span class="home_link"></span><font size="3"><span class="home_link"><a href="edit.php?n=cont&sm=brep">BECOME A SALES REP</a></span></font></div><div id="home_right" align="left"><font size="5"><span class="home_link"><a href="http://www.livingwithed.net/" target="_blank">DIOGEN LIGHTING PRODUCTS ARE PROUDLY USED BY ED BEGLEY JR</a></span></font></div><div id="clearer"></div></div><div id="cont_bot_b" style="background: transparent url(images/m_b_b_b.png) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </div></div><script type="text/javascript"></script>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

It would be hard to tell. Your editor could be putting in whitespace which you can not detect or any one of the 28 CSS errors may be styling something wrong. Even one of the 36 HTML errors could be causing your problem.

You are using XHTML 1.0 Transitional doctype. That's good, but your page is not coded to it. It has outdated font tags. Many tags that are not normally closed in HTML 4.01 need to be closed with a space and a "/". Certain attributes are used for table tags which are not allowed with current doctype. Some mismatched opening/closing tags.

There is a possibility that is page was cleaned up, the problem you are having will clear on its own.

leahmarie · Joined: 04 Aug 2009 Posts: 60

PayneLess Designs wrote:

You are using XHTML 1.0 Transitional doctype. That's good, but your page is not coded to it. It has outdated font tags. Many tags that are not normally closed in HTML 4.01 need to be closed with a space and a "/". Certain attributes are used for table tags which are not allowed with current doctype. Some mismatched opening/closing tags.

There is a possibility that is page was cleaned up, the problem you are having will clear on its own.

I agree with this one, I think you should polish your codes to be able to match the transitional doctype of XHTML codings and see what happens