Extra code being added to HTML

  • wisegenius

    (@wisegenius)


    15 years, 2 months ago

    On visiting a blog I designed for a client, I noticed that the main navigation was out of place. On checking the HTML using Firebug in Firefox 4, I came across some extra code (Links)that had been added to the code.

    I’ve doubled checked the header.php file for the blog & everything is as it should be.

    Website is http://www.sunflowerbloom.co.uk/blog Extra links are those linking back to index.htm:

    [please mark your code using the code button or backticks]

    <body ...
...<div id="header">
<h1>
<a href="http://www.sunflowerbloom.co.uk/index.htm"></a>
</h1>
<a href="http://www.sunflowerbloom.co.uk/index.htm">
<ul id="main_nav">
</a><a href="http://www.sunflowerbloom.co.uk/index.htm"> </a>

<li>
<a href="http://www.sunflowerbloom.co.uk/index.htm"></a>
<a href="http://www.sunflowerbloom.co.uk/about.htm">About Us</a>
</li>

    Can’t understand why this is happening! Anyone able to help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    15 years, 2 months ago

    what is ‘out of place’?
    do you mean that the ‘blog’ link is one row lower?
    that is caused by the fixed width in here:

    /*Navigation*/
  #main_nav {
	  height: 40px;
		left: 490px;
	  position: absolute;
		top: 15px;
		width: 480px;
		}

    using firefox as well, i see this in the html in the browser (no exra links):

    <ul id="main_nav">
				  <li><a href="http://www.sunflowerbloom.co.uk/about.htm">About Us</a></li>
					<li><a href="http://www.sunflowerbloom.co.uk/start.htm">Getting Started</a></li>
					<li><a href="http://www.sunflowerbloom.co.uk/fee.htm">Fees</a></li>

					<li class="page_item page-item-5"><a href="http://sunflowerbloom.co.uk/blog/contact/" title="Contact Us">Contact Us</a></li>
					<li><a href="http://www.sunflowerbloom.co.uk/blog">Blog</a></li>
				</ul>

    can you post the code of header.php ?
    (please use the http://pastebin.com/)

    Thread Starter wisegenius

    (@wisegenius)

    15 years, 2 months ago

    Here is the code of header.php:

    [Code moderated as per the Forum Rules. Please do not repost the code but use the pastebin instead.]

    HTML does appear using “View source” as you say, but when using Firebug, the extra links are appearing. Basically extra parts of the header area have become links, linking back to the website homepage (not WordPress).

    Michael

    (@alchymyth)

    15 years, 2 months ago

    Basically extra parts of the header area have become links,

    which parts are these exactly – apart from the linked sunflower image?

    i inspect the header using firefox web developer add-on and i don’t get any extra links.

    the only irregularity i get when viewing the source in firefox is this unusual syntax higlighting:
    http://img718.imageshack.us/i/sunlink.jpg/

    maybe some character problem?

    Thread Starter wisegenius

    (@wisegenius)

    15 years, 2 months ago

    Am now even more confused! As well as the linked logo (sunflower image) the h2 headers (The online metaphysical counselling….etc) have now also become linked back to index.htm. When viewing in Firebug, extra tags appear around the “tag” div, after the opening “main_nav” tag, & before the first link in the navigation. This is what is throwing the navigation out.

    I just don’t understand why they are appearing & how to get rid of them!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Extra code being added to HTML’ is closed to new replies.