Hi al, I devloper a web application, which can run on IE, but I want it to run on firefox too, but I didnot how to change the css on iE my css code <code> body { background-image: url('images/left3.jpg'); background-repeat: no-repeat; HEIGHT=270 width=350 } A.menulink { text-decoration: none; font-family:Verdana; font-size:16px; width=200; height=10 } A.menulink:hover { text-decoration: none; font-size:16 px; color: #DAA520; } span{ width: 200; height: 20; font-size: 11pt; font-family: Arial Black; color: blue; Filter: mask(color=#000000) shadow(color=white, direction=120)chroma(color=#000000) }</code> How can I let it also show on firefox? Thank you
Filter is not a CSS standard and will not show in Firefox at all. There is a -moz-opacity that Firefox can use, but it's not a CSS standard either, and it's not like the IE thing. Perhaps CSS3 will bring something like this but for the moment I don't think there's a way.
Yes, you can remove the errors from your css. If there are problems then, we can look at them. There is no reason for us to waste time trying to fix something that has syntax errors. Syntax is basic. gary
ok body { background-image: url('images/left3.jpg'); background-repeat: no-repeat; HEIGHT:270 width:350 } A.menulink { text-decoration: none; font-family:Verdana; font-size:16px; width=200; height=10; } A.menulink:hover { text-decoration: none; font-size:16 px; color: #DAA520; } span{ width: 200; height: 20; font-size: 11pt; font-family: Arial Black; color: blue; Filter: mask(color=#000000) shadow(color=white, direction=120)chroma(color=#000000) }
Here's the fixed CSS body { background: url('images/left3.jpg') no-repeat; height: 270px; width: 350px; } a.menulink { text-decoration: none; font-family:Verdana; font-size:16px; width: 200px; height: 10px; } A.menulink:hover { text-decoration: none; font-size:16px; color: #DAA520; } span{ width: 200px; height: 20px; font-size: 11pt; font-family: Arial Black; color: blue; Filter: mask(color=#000000)shadow(color=white,direction=120)chroma(color=#000000) } First, replace your CSS with this, preview your site in Firefox and then let me know what issues you're having.
hi all, thank you for the nice reply basic , I still have problem on filter . mask and shadow my html code like this <html> <head> <link rel="stylesheet" type="text/css" href="leftIE.css" /> </head> <body leftmargin="0" topmargin="0" marginleft="0" margintop="0" text="white"> <table> <tr> <td align="center"> <a href="SKL.doc" target="_top" class="menulink"><span>About Us</span></a></td> </tr> <tr> <td align="right" > <a href="Login.jsp" target="mainFrame" class="menulink"><span>Login to database</span></a></td> </tr> <tr> <td align="right" > <a href="Register.jsp" target="mainFrame" class="menulink"><span> Registration</span></a></td> </tr> <tr> <td align="left" > <a href="http://www.ncbi.nlm.nih.gov/asd/"class="menulink" target="_top"><span style="width: 200; height: 20; font-size: 10pt; font-family: Arial Black; color: blue; Filter: mask(color=#000000) shadow(color=gold, direction=120)chroma(color=#000000)">BLAST</span></a></td> </tr> <tr> <td align="left" > <a href="http://google/qwe"class="menulink" target="_top"><span style="width: 200; height: 20; font-size: 10pt; font-family: Arial Black; color: blue; Filter: mask(color=#000000) shadow(color=gold, direction=120)chroma(color=#000000)">ISD</span></a></td> </tr> </tr> </body> </html> 1) in IE my top three link is white and button two is gold, but not in firefox 2) the link's position i sdifferent in firefox, it looks they don't buy my css, the position is too left thank you
Filter is not valid CSS, only IE recognizes it. You will have to specify the color using valid CSS. As to the position, I'm sorry, but your code is a mess. You are using tables for layout and then trying to define width and height in an inline element instead of a block or the cell itself. The first two rows, you define the alignment as right, in the bottom two, as left. That's why Firefox writes the links to the left. If you must use tables, define width and height in the cells, not the text inside them. Better yet, use a list to define your menu items and position the list itself instead of each item.
HI rb3m, thank you for the reply, but the login to database and the register on right and the button two link on left is the design, since the background is image,we don't want the link is over the image, 1)why firefox not accept my <td align="right" > <a href="Login.jsp" target="mainFrame" class="menulink"><span>Login to database</span></a></td> </tr> it go to left 2) How can I handle if browns is IE then I fis firefox then .. and let the page looks same on both browns?? Thank you