msie or coding?

[chessbot]

Hey all,

I am running MSIE 6.0 on Windows XP. I designed a web site,

http://www.rerdesign.com.

In my browser window, the size of the text in the navigation links on the top are larger in

http://www.rerdesign.com/contactpage.html

than on any other page. Is this because of my browser or is something messing up on the page? If it is my browser, how can I fix it?

I can post code if it is a site problem.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse-5

 

[ecobb]

Your other pages are using:

 class="staticmenu"

and the contact page is using:

class="menu"

Hope This Helps!

Ecobb

"My work is a game, a very serious game." - M.C. Escher

 

[chessbot]

staticmenu" is the <div> class for a clicked button, such as home on index.html.

"menu" is the class name for a hover button.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse-5

 

[pixl8r]

It is not the browser. You are no doubt experiencing style conflicts. Some of your table cells have as many as three different styles on them. Also some contain href, div and span tags. Looks to me like your WYSIWYG might have gotten the better of you this time. (don't get me wrong there is nothing wrong with a WYSIWYG, they just do this every now and then).

IMHO you should try simplifying your structure a bit. Example:

<tr style="height:52px;">
   <td><a href="home.htm" class="menu">Home</a></td>
</tr>

Then you can add the following to your style sheet:

a.menu:hover{
   text-decoration:underline;
   color:red;
}

or something like that to alter the style when it is moused over.

Hope it helps!

Wow JT that almost looked like you knew what you were doing!

 

[chessbot]

FYI, all coding was done in notepad.

Since you need to see my code, here is menu.css:

a.menu {
	display:block;
	width:120px;
	height:40px;
	background-image:url(images/background.gif);
	background-repeat:no-repeat;
	background-position:top-left;
	}

a.menu:visited {
	display:block;
	width:120px;
	height:40px;
	background-image:url(images/background.gif);
	background-repeat:no-repeat;
	background-position:top-left;
	}

a.menu:hover {
	display:block;
	width:120px;
	height:40px;
	background-image:url(images/hover.gif);
	background-repeat:no-repeat;
	background-position:top-left;
	text-decoration: none;
	}

a.menu span {
	color: #F1BF57;
	margin-left: 25px;
	text-align: left;
	vertical-align: bottom;
	line-height: 0.85;
	font-size: xx-small;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

a.menu:hover span {
	color: #7A0A56;;
	margin-left: 25px;
	text-align: left;
	vertical-align: bottom;
	line-height: 0.85;
	font-size: xx-small;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

a.menu span.line {
	margin-bottom: -1em;
	border-bottom: 1px solid #411F5B;
	}

a.menu:hover span.line {
	margin-bottom: -1em;
	border-bottom: 2px solid #7A0A56;
	}


div.staticmenu {
	width:120px;
	height:40px;
	background-image:url(images/hover.gif);
	background-repeat:no-repeat;
	background-position:top-left;
	}

div.staticmenu span {
	color: #7A0A56;;
	margin-left: 25px;
	text-align: left;
	vertical-align: bottom;
	line-height: 0.85;
	font-size: xx-small;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

div.staticmenu span.line {
	margin-bottom: -1em;
	border-bottom: 2px solid #7A0A56;
	}

I included the spans because I needed to add the underline. Is there a better way to do this?

WYSIWIGS, bah.

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse-5

 

[pixl8r]

Good for you that you did it in notepad! You can still use the span if you need it to acheive the effect you want. What I am saying is that you have a <tr><td><div><span><a> tags all with style definitions.

Based on your style sheet above most of those also have font and size and line height definitions. IMHO You are very likely experiencing a conflict. The solution would be to simplify your structure. Keep the spans but lose the div, add the class to the href or the td, and your span for the line.

Just a thought. Hope it is worth something to you.

Wow JT that almost looked like you knew what you were doing!

 

[chessbot]

The div is only there for the static elements, in which there is no <a> tag.

My question is: Why does this work on other pages but not on this one?

--Chessbot

"So it goes."
Kurt Vonnegut, Slaughterhouse Five