Hello;
I hope an experienced person can help me.
Our site:
attotech.com has a top menu that currently works in Internet Explorer but does not in Firefox. I have used HTML Tidy for my index page and now it looks ok in Firefox but not IE. I have reverted back to the original index which works in IE.
I have three CSS files, one Javascript and the index page. I am a bit new at this and really need someone to take a peek at the files and please tell me where the code needs to be modified so it will work in IE and Firefox.
I am hoping a "guru" can share their wisdom and help me get this menu functioning.
I have attached the files in Word because of the restrictions. The link to our site, attotech.com has the index page that is rendering correctly in IE but not Firefox.
I really appreciate any and all help..
I great thank you in advance.
bufhal 0 Newbie Poster
#divCont{position:absolute; FONT-FAMILY: ITC Officina Sans Book, arial, helvetica, verdana, sans-serif; visibility: hidden; left:26px; top:110px; height:400px; width:99px; Z-INDEX: 4}
.clTop{position:absolute; width:99px; Z-INDEX: 4}
.clSub{position:absolute; left:0px; width:99px; Z-INDEX: 4}
div.leftlink {font-size: 12px; color:red}
div.leftlink A:link{color:red; FONT-SIZE: 12px;}
div.leftlink A:visited {color:red; FONT-SIZE: 12px;}
div.leftlink A:hover{color:red;text-decoration:underline}
div {font-family:arial, helvetica, verdana, sans-serif; font-size: 12px; }
A.clMain{font-family:arial, helvetica, verdana, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
A.clSubb{font-family:sans-serif,serif; font-size:12px; text-decoration:none}
#divCont .clTop A:hover { color:red;
TEXT-DECORATION: none;
}
.headerlink {
COLOR: #0000FF; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: small; TEXT-DECORATION: none}
.sublinks {
COLOR: #0000FF; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: small; TEXT-DECORATION: none}
.seperator {
COLOR: #000000; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: small; TEXT-DECORATION: none}
.links {
COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small; TEXT-DECORATION: none}
.date {
COLOR: #ff9900; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none}
.line {
COLOR: #0000FF; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: 12px}
A:hover{color:blue;text-decoration:underline; FONT-SIZE: 12px;}
A:link{
color:red; FONT-SIZE: 12px;
}
A.product:link{color:red; FONT-SIZE: 10px;}
A.product:visited {color:red; FONT-SIZE: 10px;}
A.product:hover{color:red;text-decoration:underline}
A.black:link{color:#000000; FONT-SIZE: 12px;}
A.black:visited {color:#000000; FONT-SIZE: 12px;}
A.home:link{color:#000000;}
A.home:visited {color:#000000; FONT-SIZE: 12px;}
A.home:hover{color:red;text-decoration:underline}
A.tablelink:hover{color:red;text-decoration:underline}
A.tablelink:visited {color: white;}
A.tablelink:link{
color:white;
}
#spanMenu {
container: positioned;
position: absolute;
left: -99px;
top: 0px;
width: 120px;
height: 366px;
}A {
TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF
}
H2 {
FONT-SIZE: 140%
}
H3 {
FONT-SIZE: 120%
}
H4 {
FONT-SIZE: 100%
}
PRE {
FONT-SIZE: 80%; FONT-FAMILY: Courier New, Courier, monospace
}
TD {
FONT-SIZE: 12px; VERTICAL-ALIGN: top; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
TH {
FONT-SIZE: 12px; VERTICAL-ALIGN: top; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
TH {
FONT-WEIGHT: bold; VERTICAL-ALIGN: bottom
}
UL {
LIST-STYLE-TYPE: square
}
INPUT {
color: #000000;
background-color: #FFFFFF;
font: 8pt Arial;
}
TEXAREA,SELECT {
color: #000000;
background-color: #FFFFFF;
font: 8pt arial;
}
HR {
1px solid;
}
div.footer {
MARGIN-BOTTOM: 0px; TEXT-ALIGN: center; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
div.footer A:link{color:red; }
div.footer A:visited {color:red; }
div.footer A:hover{color:red;text-decoration:underline}
TABLE.boxed {
border :#000000 1px solid; BACKGROUND-COLOR: #FFFFFF
}
TABLE.boxed2 {
border :#000000 1px solid; BACKGROUND-COLOR: #cc0033
}
TABLE.boxed3 {
border :#000000 1px solid; BACKGROUND-COLOR: #cc0033; FONT-SIZE: 6pt;
}
TD.boxedheader {
border :#000000 1px solid;
BACKGROUND-COLOR: #F0F0F0;
text-align : center;
}
TD.boxedheader2 {
border :#000000 1px solid;
BACKGROUND-COLOR: #F0F0F0;
FONT-SIZE: 8pt;
text-align : left;
}
TD.boxed {
BORDER-RIGHT: #000000 1px solid;
PADDING-RIGHT: 8px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
PADDING-TOP: 2px;
BORDER-BOTTOM: #000000 1px solid;
BACKGROUND-COLOR: #ffffff;
FONT-SIZE: 7pt;
text-align : center;
}
TD.boxed2 {
PADDING-TOP: 2px;
BACKGROUND-COLOR: #ffffff;
FONT-SIZE: 8pt;
text-align : left;
}
TD.boxed3 {
PADDING-TOP: 2px;
BACKGROUND-COLOR: #F0F0F0;
FONT-SIZE: 8pt;
text-align : left;
}
TD.boxed4 {
BORDER-RIGHT: #000000 1px solid;
PADDING-RIGHT: 8px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
PADDING-TOP: 2px;
BORDER-BOTTOM: #000000 1px solid;
BACKGROUND-COLOR: #ffffff;
FONT-SIZE: 7pt;
}
TD.boxed5 {
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 2px;
COLOR: #669999;
PADDING-TOP: 2px;
BACKGROUND-COLOR: #ffffff;
FONT-SIZE: 7pt;
}
TD.boxedred {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #cc0033
}
TD.boxedblue {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000099; text-align : center;
}
TR.boxed {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 7pt;
}
TD.contact{FONT-WEIGHT:bold;FONT-SIZE:11px;VERTICAL-ALIGN:middle;COLOR:#000000;FONT-FAMILY:arial;BACKGROUND-COLOR:#E8EAE8;TEXT-ALIGN:right}
TD.contact2{FONT-WEIGHT:bold;FONT-SIZE:11px;VERTICAL-ALIGN:middle;COLOR:#000000;FONT-FAMILY:arial;BACKGROUND-COLOR:#E8EAE8;}
TH.boxed {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff
}
TH.boxedHeader {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff
}
TH.boxed {
BACKGROUND-COLOR: #c0c0c0
}
TH.boxedHeader {
COLOR: #ffffff; BACKGROUND-COLOR: #808080
}
div.testarea {
background-color: transparent;
}
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
font-family: "MS Sans Serif", Arial, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
color: #000000;
}
div.menuBar {
background-color: transparent;
border: 0px outset #e0e0e0;
padding: 0px 0px 0px 0px;
text-align: left;
}
div.menuBar a.menuButton {
background-color: transparent;
border: 0px solid #e0e0e0;
color: #000000;
cursor: default;
left: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-decoration: none;
top: 0px;
}
div.menuBar a.menuButton:hover {
background-color: transparent;
border: 0px outset #e0e0e0;
color: #000000;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
background-color: #5050f0;
border: 0px inset #e0e0e0;
color: #ffffff;
left: 1px;
top: 1px;
}
div.menu {
background-color: #e0e0e0;
border: 0px outset #e0e0e0;
left: 0px;
top: 0px;
padding: 0px 0px 0px 0px;
position: absolute;
z-index: 101;
visibility: hidden;
}
div.menu a.menuItem {
color: #669999;
font-size: 12px;
cursor: default;
display: block;
padding: 0px 1em;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #006666;
color: #ffffff;
}.ddmx {
font: 13px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
padding: 0px 0px 0px 0px;
font: 12px arial;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
background-color: #50788F;
color: #ffffff;
background: #50788F;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
padding: 3px 8px 4px 8px;
font: 12px arial;
color: #50788F;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
background-color: #999999;
border-width:1px;
border-style:solid;
}
.ddmx .item2 {
background: #e5e1da;
border-color: #FFFFFF;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #50788F;
color: #FFFFFF;
border-color: #FFFFFF;
}
/* This is a comment */
.ddmx .item3,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
padding: 3px 8px 4px 8px;
background: #50788F;
font: 12px arial;
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
background-color: #50788F;
border-width:1px;
border-style:solid;
}
.ddmx .item3 {
background-color: #50788F;
color: #ffffff;
background: #50788F;
border-color: #FFFFFF;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
background-color: #50788F;
color: #ffffff;
background: #50788F;
border-color: #FFFFFF;
}
/* This is a comment */
.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}
/* This is a comment */
.ddmx .item3 img,
.ddmx .item3-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}
/* This is a comment */
.ddmx .section {
border: 0px solid #50788F;
position: absolute;
visibility: hidden;
z-index: -1;
}
img {
border:0;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */- 1 Contributor
- 0 Replies
- 79 Views
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.