close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Index.html Page header display problem

Thread began 10/31/2011 1:54 pm by donald.dickson338135 | Last modified 10/31/2011 2:37 pm by donald.dickson338135 | 573 views | 2 replies

donald.dickson338135

Index.html Page header display problem

I have used a template as the basis for a web site that is currently works-in-progress and seem to have an issue with the display of the index page where a background colour line, several pixels deep, appears across the page between two images in the header. I am using DW CS4 and the offending line can also be seen in DW4 Live View.
You can see the problem page at index.html
The line is removed in IE8 when running in compatibility mode/view.
The line is also displayed in Firefox. I have not yet tested using Chrome but as the issue is resolved using IE8 compatibility mode/view, it would indicate that I have introduced a coding problem?
Interestingly the other pages in the web site (e.g. bio.html) use a template and although once more using two images in the header, the background colour line does not appear.
So I am looking for an explanation why the line is visible and what I need to change in index.html to remove it?
Any advice is appreciated.
Thanks.

Ah Ha! Just found the problem
<div id="taglineWrapper">
<div id="tagline"><!-- TemplateBeginEditable name="tagline" --><!-- TemplateEndEditable -->
<p><img src="images/home/advancedhypno.png" width="306" height="42" alt="Advanced Hypnotherapist" /></p>
There are too many tags
I removed <p> and </p>
to give <img src="images/home/advancedhypno.png" width="306" height="42" alt="Advanced Hypnotherapist" />
and this solved the problem.
You have no idea how long I spent looking at the code before I spotted my error caused by a simple rogue carriage return!
I now need a coffee!

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...