Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help me to make table transparent

    Hi im trying to make the table colour slightly transparent so the background image shows through on my myspace page.

    Here is the code what can i change to make it slightly transparent?



    Code:
    <style>
    body {
    	background-color: ffffff;
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-attachment: fixed;
    	}
    table, tr, td {
    	background-color: transparent;
    	border: 2px;
    	}
    table table {
    	border: 2px;
    	}
    table table table table{
    	border: 2px;
    	}
    table table table {
    	border-width: 2px;
    	border-color: rgb(0, 0, 0);
    	border-style: solid;
    	background-color: FCFCFC;
    	}
    table table table td {
    	background-color: transparent;
    	filter:alpha(90);
    	-moz-opacity:0.;
    	opacity: 90;
    	-khtml-opacity:0.;
    	}
    .badge {
    	position: absolute;
    	left: 1px;
    	top: 1px;
    	}
    </style>
    
    
    <style>
    
    div.layoutbutton{
    width:161px;
    position:fixed;
    _position:absolute;
    top: 20px;
    right: 5px;
    z-index: 9;
    }
    
    div.layoutbutton a{
    background-image:url(http://www.dam7.com/img/myspace-layouts-2.gif);
    width:100%;
    height:24px;
    color:rgb(255,255,255) !important;
    font:bold 11px arial,sans-serif !important;
    text-transform:capitalize !important;
    display:block;
    text-decoration:none !important;
    line-height:22px !important;
    margin-bottom:1px;
    }
    
    div.layoutbutton a:visited{
    background-image:url(http://www.dam7.com/img/myspace-layouts-2.gif);
    width:100%;
    height:24px;
    color:rgb(255,255,255) !important;
    font:bold 11px arial,sans-serif !important;
    text-transform:capitalize !important;
    display:block;
    text-decoration:none !important;
    line-height:22px !important;
    }
    
    div.layoutbutton a:hover{
    background-image:url(http://www.dam7.com/img/myspace-layouts-1.gif);
    width:100%;
    height:24px;
    color:rgb(197,21,21) !important;
    font:bold 11px arial,sans-serif !important;
    text-transform:capitalize !important;
    text-decoration:underline !important;
    line-height:22px !important;
    }
    </style>
    <style>body{ background-image: url("http://www.dam7.com/Backgrounds/Porsche_911_GT3_RS/Porsche_911_GT3_RS_1/bg.jpg");</style>
    I can show you my myspace if it helps?

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    you can try this

    Code:
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    opacity:.25;
    looks like you 0 set though on the above code

  • #3
    New Coder
    Join Date
    Apr 2008
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No that didnt work it just gives it an overlay hmmm
    know anything else?

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    well does this help any, im not sure if i am doing anything wrong. Maybe i missed something

    http://http://www.mandarindesign.com/opacity.html


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •