Ian Lloyd's Blogger giving a newbie a headache:-)

HTML & CSS
1

I’m a learner going through Ian Lloyd’s book, Build Your Own Website the Right Way Using HTML and CSS. Great book and has me hooked on xhtml/css:lol:

Right now (following Ian’s book) I’m setting up a blog for the homepage as an info updater (my site instead of on blogger.com). Check out www.demo.thailandadoption.net you should see my problem:eek:

blogger seems to be inserting its top bar on my page and pushing down some of my site. When I download the page and look at the mark up blogger has added the following mark up (marked in red for easy viewing) itself…not me…!!:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>BubbleUnder - The diving club for the south-west UK</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<link href=“http://www.demo.thailandadoption.net/style1.css” rel=“stylesheet” type=“text/css” />
<!-- –><style type=“text/css”>@import url(http://www.blogger.com/css/navbar/classic.css);
div.b-mobile {display:none;}
</style>

</head>
<body> <iframe src=“http://www.blogger.com/navbar.g?targetBlogID=2988856910878141574&amp;blogName=Bubble+Under+Blog&amp;publishMode=PUBLISH_MODE_FTP&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;homepageUrl=http%3A%2F%2Fwww.demo.thailandadoption.net%2F&amp;searchRoot=http%3A%2F%2Fblogsearch.google.com%2F” height=“30px” width=“100%” marginwidth=“0” marginheight=“0” scrolling=“no” id=“navbar-iframe” frameborder=“0”></iframe> <div id=“space-for-ie”></div>
<div id=“header”>

  &lt;div id="sitebranding"&gt;
    &lt;h1&gt;BubbleUnder.com&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div id="tagline"&gt;
    &lt;p&gt;Diving club for the south west--let's make a splash!&lt;/p&gt;
  &lt;/div&gt;  
&lt;/div&gt; &lt;!-- end of header --&gt;

The strange thing is when I remove the markup in red above and upload my page everything looks fine with no blogger header appearing…but…as soon as I make a comment on my blog and return to the homepage again the blogger bar along the top is back and when I download the page the markup in red above has been inserted again:nono:

I’ve been up and down loading taking the code out about three times now for it to magically:) reappear again!!

Can someone do a bit of hand holding for me…please:) …thanks, george

2

Is the code in red included on your blogger template?

It’s obviously occurring when blogger republishes the page, so presumably it’s either something intrinsic to blogger which you can’t get rid of (which I doubt unless it’s changed significantly since I left blogger for wordpress), or something that is being put in from your blogger page template every time the pages are being re-published…

3

Hi Jack, No the markup in red is not in my blogger template it is as you say probably intrinsic to blogger and when it republishes the red markup is added…I take it out…post a comment on the blog…it adds the red markup again and I’m back to square one again with my page being pushed out of shape.

I’m stumped…but will keep on tinkering to see if I can get a breakthrough…thanks george

4

Update: I got it fixed phewwwwwww! Well really a basic mistake by…“ME”…:blush: In the blogger template area you have a choice to change the colour of the blogger navbar but since this was not my problem I ignored it. But as I clicked here and there I tried the change colour drop-down anyway and there was the “off” option:vinnie: :vinnie: Sleep will be extra sweet tonight.

5

Thanks for that I was having the same problem. Saved me alot of trouble as I realized that blogger was putting it in and it wasn’t my template, but I thought I couldn’t get rid of it and would have to rewrite the css to try and cover it up.:rofl: