css on firefox

Discussion in 'CSS' started by AmyCss, Jan 10, 2007.

  1. #1
    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
     
    AmyCss, Jan 10, 2007 IP
  2. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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.
     
    rb3m, Jan 10, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    You need to validate your css. This, for example,
    HEIGHT=270
    width=350
    is not valid.

    cheers,

    gary
     
    kk5st, Jan 10, 2007 IP
  4. AmyCss

    AmyCss Guest

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    so , nothing I can do??
     
    AmyCss, Jan 11, 2007 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    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
     
    kk5st, Jan 11, 2007 IP
  6. AmyCss

    AmyCss Guest

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    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)
    }
     
    AmyCss, Jan 12, 2007 IP
  7. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #7
    Get rid of the = signs

    Absolutely NO = signs

    Use : signs

    "Height: 10px;" etc.
     
    rochow, Jan 12, 2007 IP
  8. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #8
    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.
     
    Colleen, Jan 12, 2007 IP
  9. AmyCss

    AmyCss Guest

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    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
     
    AmyCss, Jan 14, 2007 IP
  10. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #10
    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.
     
    rb3m, Jan 14, 2007 IP
  11. AmyCss

    AmyCss Guest

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    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
     
    AmyCss, Jan 15, 2007 IP