Web Analytics Made Easy -
StatCounter filter=cut off? - CodingForum

Announcement

Collapse
No announcement yet.

filter=cut off?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • filter=cut off?

    Alright so i know some html and css but I'm having a problem using a command.

    It sounds dorky but I'm fixing up someones MySpace page and I have a generated code to get the look I want (Its been awhile since i've used html and css =P) However when I apply the

    filter:alpha(opacity=80);

    it cuts off some of the tables on the page. It only does it in I.E. not firefox. But the whole point of fixing it is because alot of people I know use I.E.

    This is the code i'm using:

    <Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
    table, tr, td{
    background-color:transparent;
    border-style:none;
    }

    table table table, table table table td{
    background-color:transparent;
    }

    body{
    background-image:url(http://img.photobucket.com/albums/v2...04/ntms3.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    }

    table table table table, table table table td{
    background-image:none;
    background-color:transparent;
    }

    body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
    color:rgb(0,0,0);
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-transform:none;
    font-family:Arial Unicode MS,sans-serif;
    }

    .orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
    color:rgb(0,0,0);
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-transform:none;
    font-family:Arial Unicode MS,sans-serif;
    }

    a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
    color:rgb(0,0,0);
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-transform:none;
    font-family:Arial Unicode MS,sans-serif;
    }

    a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
    color:rgb(255,0,0);
    font-weight:normal;
    font-style:normal;
    text-decoration:underline ;
    text-transform:none;
    font-family:Arial Unicode MS,sans-serif;
    }

    table table table, div table table{
    border-color:rgb(255,0,0);
    border-style:solid;
    border-width:1px;
    background-color:rgb(255,255,255);
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    }

    table table table table, div table table table{
    border-style:none;
    }

    A IMG{
    border-style:none;
    }
    a </Style>

    Anyone have any ideas how to fix the problem? If I take out the filter I lose the oppacity. But if its in it cuts out some of the boxes I have. It actually masks them because if I click where the links should be i can still access other pages.

  • #2
    Code:
    table table table, div table table{
    border-color:rgb(255,0,0);
    border-style:solid;
    border-width:1px;
    background-color:rgb(255,255,255);
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    position:relative;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Try this for the opacity part.

      table table table td {
      filter:alpha(opacity=80);
      -moz-opacity: 0.80;
      opacity: 0.80;
      -khtml-opacity: 0.80;
      }

      table table table table td { filter: none; }
      markaylward.co.uk

      Comment


      • #4
        Originally posted by mark87 View Post
        Try this for the opacity part.

        table table table td {
        filter:alpha(opacity=80);
        -moz-opacity: 0.80;
        opacity: 0.80;
        -khtml-opacity: 0.80;
        }

        table table table table td { filter: none; }
        when i do that it takes away the borders on my tables, but it made the other parts appear again.

        Comment


        • #5
          Did you try what I gave you?
          ||||If you are getting paid to do a job, don't ask for help on it!||||

          Comment


          • #6
            Hi, i'm having the same problem, I've tried both solutions, but it didn't help. My tables are cut when I roll over a link, but I've asked some of my contacts if it was the same when they visit my page, and they told me it was working properly. Any ideas?

            Comment

            Working...
            X