PDA

View Full Version : HVMenu in asp page



amurin
11-10-2006, 05:00 AM
1) Script Title: HVmenu (latest version)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/hvmenu/

3) Describe problem:

I have HVMenu working great in an HTML page. I changed that to an ASP page, and it still works fine in both IE 6+ and FireFox. If I add the <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
to teh beginning of the page so I can validate it, FireFox refuses to display the menu correctly. The menu also sets all links to "mouseover" mode even when the mouse is not over the link. I currently have it inserted into a table row.

This page works correctly in both IE and FF, and does not have the doctype tag. http://www.amcw.org.

This page contains the doctype tag, and displays incorrect (menu is shifted up in IE, down in FF). It also acts wrong in FF. http://www.amcw.org/indexnew.asp. I have turned on the table borders so you can see where things fall.

The relevant portion of my CSS file is:
@charset "windows-1252";
/* add valid doctype to all html pages to allow IE to center tables */

/* Define body */

body {
margin: 0px;
padding: 0px;
background-color: #0033CC;
text-align: center;
}
a:link {color: #0000FF;}
a:visited {color: #800080;}
a:hover {color: #FF0000;}

/* Set white frame box on all but home page */

#content {
background-color: white;
width: 90%;
padding: 10px;
margin-top: 5%;
margin-bottom: 5%;
margin-right: auto;
margin-left: auto;
border: 5px solid black;
text-align: left;
/* hack */
width: 90%;
voice-family: "\"}\"";
voice-family:inherit;
width: 90%;
}
html>body #content {
width: 90%
}


.editdate {
color: white;
margin-bottom: 5%;
text-align: center;
}


/* Create margin settings */

p.allmargins {margin: 10px}

p.allleft {
margin: 10px;
text-align: left;
}

p.allright {
margin: 10px;
text-align: right;
}

p.allcenter {
margin: 10px;
text-align: center;
}


.left {text-align: left;}

.right {text-align: right;}

.center {text-align: center;}

.menu {text-align: center; background-color: #0033CC;}
.menu2 {background-color: #CCD; height: 25px;}

.title {font-size: 18pt;}
.bigtitle {font-size: 22pt;}
.midtitle {font-size: 16pt}
.redtitle {font-size: 18pt; color: red;}

/* Sets table definition for main layout */

.container {width: 90%; margin-left: 5%; margin-right: 5%;}


table.tableset {
background-color: white;
width: 100%;
text-align: center;
}

caption {
caption-side: top;
margin-left: 5%;
text-align: left;
}


Any ideas?

Thanks.

Al