Dark background in certain areas (Full Version)

All Forums >> [Web Development] >> General Web Development



Message


The_magus -> Dark background in certain areas (5/11/2007 1:17:41)

Good Morning:

I am not sure this is a problem caused by FP or EW but I did not have it until I began using EW. I have been jumping back and forth between the two so don't know which causes the problem.

Lately I have noticed dark backgrounds in certain parts of my pages - I wish I could say that it is within tables or cells but I have not been able to confirm that. The only way I have found to solve the problem is to retype the material above the area with the dark background and then deleting the affected area.

Please check this page to see an example:

http://www.allaboutmarmaris.com/Real%20Estate/Apartment_K023.shtml

This is a re-direct page but I have removed the link for now.

Any help will be appreciated.

Cheers

Jack
The Magus





Tailslide -> RE: Dark background in certain areas (5/11/2007 2:27:54)

Hi

There seems to be a couple of problems straight off - for a start you've got a big chunk of code that should be within your document head actually in the document body. You need to go in and move it up (there's a duplicate opening head tag to remove as you've already got one)

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</meta><title>Vertical Menu</title>

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(../CSS_Folder/csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->
<style type="text/css">
@import url('../CSS_Folder/menuv.css');div.Section1
	{page:Section1;}
 p.MsoNormal
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Verdana";}
.style1 {
	background-color: #336699;
}

</style>


Apart from that I'm not sure which bits you're refering to as being dark - is it for instance the "e your say" in the Have your say link? If so the background colour is different because you've added a span and a class to make it a different colour. If you don't want it then just remove the span around that bit of text.




The_magus -> RE: Dark background in certain areas (5/11/2007 9:46:42)

Dear Tailslide:

The bit "have your say" was bugging me and I will follow your suggestion to sort that but the comment about the different coloured background was the area under this text:

You will now be re-directed to the current listing.


Click on this link if you are not automatically
re-directed to listing for apartments currently for sale


It may have something to do with spans also and I will have a look to see if I can sort it also.

I don't know where the heck all this extra code comes from - must be EW because I never had so much before when using only FP.

The duplicate head code comes from the SSI menuv.htm page which is the vertical menu on the left side. This page has all the text you quoted in it.

Just noticed that the body tag is shown as simple that i.e. body - just below the <style type="text/css" media="screen">

There is also no </HEAD> tag. Wonder what will happen to the menu if I change the body tag to <body> and </body> and include </head> above the <body> tag.

Can't do it just now but will play with it later this evening.

Thanks - at least this has given me something to play with.

Jack





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625