CSS - Confusing Css
I 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 Similar TutorialsI 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. 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} |