|
CSS - Confusing Css
I have a website that I have been working on. The site is http://timberlinecs.com. It is using a drop-down menu on the "services" button. I have it looking perfect in IE8 but it goes haywire in firefox. If I get it looking right in firefox, then it don't work in IE8. This is the CSS that works in IE8:
Code: .anylinkcss{
position: absolute;
margin-top:5px;
margin-right:50px;
margin-left:-215px;
visibility: hidden;
font: normal 14px Tahoma;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: ;
width: 160px; /* default width for menu */
}
.anylinkcss ul{
left: 0;
padding: 5px;
list-style-type: none;
}
.anylinkcss ul li a{
display: inline-table;
background-color: transparent;
background-image: url(http://timberlinecs.com/images/button.png);
background-repeat: no-repeat;
width: 155px;
height: 45px;
padding: 0 0 0 0;
text-align: center;
vertical-align: middle;
font-family: Tahoma;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
I can not for the life of me figure this out. Please help. Similar TutorialsI purchased 3rd party tool and the sample code uses the following CSS which I have never seen and do not understand: .item { position: relative !important; display: inline-block; *display:inline; overflow: hidden; } and * HTML .c2 { -margin-left: 0px; } First - what is the use of "*" in the above. Secondly - what is use of HTML in the above Thirdly - what does "-margin-left:0px" do? I am not very good at CSS but Google returned noting on the * and HTML uses. So thanks for any input. John Here's something I ran into today, that I'd never seen before. Here's the page as it SHOULD be -- http://www.globalmedical1.com/index_826.cfm with the paragraph text small enough not to expand the graphics, but I heard from a friend that on HIS browser (not sure how his settings were), it looked like THIS: http://www.globalmedical1.com/index_825.cfm http://www.globalmedical1.com/gmerror.jpg (To achieve the look for the file link, I gave it a <font size> command after the calling in the <div> property of the paragraph text. The image was actually how it looked. On his system, apparently, it didn't seem to pick up the CSS value I had set for the paragraph, which was .demo { font-family:tahoma; font-size: 8pt; color:061D71; } How can it make a font size of 8pt THAT big ? Hi all, Has anyone received a Line: 0 Parse error - Unrecognized : } with the rest of the CSS document validated under W3C validator? I can't work out why it's not happy. The beginning of my CSS is: /* This is the only CSS for the Waste RE3 website */ a:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #008000; text-decoration: none} a:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #008000; text-decoration: none} a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FF9933; text-decoration: underline} |
|||||||