WEB CSS trouble... newbie question

Discussion in 'OT Technology' started by zaphod, May 21, 2008.

  1. zaphod

    zaphod Smashing Treats!

    Joined:
    Jan 19, 2003
    Messages:
    18,213
    Likes Received:
    0
    Location:
    Betelgeuse
    I used a template builder to get the transperency on my *entire* myspace to be at 94%.

    The only problem is I want my music player and several images that I explicitly insert to be at 100% (I dont care about anything else)

    I was under the impression that if 94% is globally defined, I can override that setting with a span tag, and put it at 100% for whatever elements I choose.

    I DID that.. and it works for LESS than 94%. For example if you put in 10% its barely visible.. but if you put it at 100% it still appears at 94%.. less than 100.

    That makes me think even though it's global... its saying 100% OF 94% which is frustrating. How can I make it 100%. period. Then the rest can be 94%. The code for the other section is really friggen complicated, so I want to just override it.

    Image I want to be 100% opaque code:

    Code:
    <span style="float:left;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;"><img src="http://www-personal.umich.edu/~travissk/Other/myspace/house.jpg"></span>
    
    
    MAIN transparency code:

    Code:
    <style>
    .r{}
         
    body {
    	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
    	background-color:e5e5e5;
    	background-image:url(http://www-personal.umich.edu/~travissk/Other/submerge32xy7hm.jpg);
    	background-attachment: fixed;
    	background-position:center center;
    	background-repeat:no-repeat;  
    	margin-top:10px;
    	}
    	
    .cool {
      position: absolute; 
      left:0px; 
      top:0px; 
      width:156px; 
      height:154px; 
      z-index:8;
      }   
     
    table.navigationBar {
      position:relative;
      z-index:9;
    } 
    
    p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
    
    a, a:link, a:visited {color:F35485; text-decoration: none;}
    
    a:hover {color:76996E; text-decoration: none}
    
    img {border: none}
    
    br {line-height: 10px;}  
    br + br
    {
     line-height:0;
    }
    
    u {text-decoration: none; }
    
    table table table br { line-height:15px; }
    
    * html table table table.latestBlogEntry br { line-height:0; } 
    .friendSpace br { line-height:0; }
    
    form {border-width:0px;background-color:none;}
    
    input {background-color:transparent !important}
                                                 
    table {border-collapse:separate;}
    
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}  
    
    
    table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
    * html table table table td {padding: 0 12px 15px 12px;}   
     
    table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;} 
    table table table table table{ border-color:ffffff;}
    
    table table table table td {padding:3px 0;margin:0px; }
    table table table table table td { padding:0 2px 0 0;}
    
    
    table table table {
    	margin:0px; 
    	max-width: 453px;
    	width: 100% !important; 
    	padding: 0 12px 14px 13px;
    	}
    		
    * html table table table { padding:0;}
    		
    body td table, body div table {margin-top: 0;}
    
    font {color:386093;font-size:10px}
    
    a font:hover {color:000000}
    
    a.navbar:link, a.navbar:visited {color:FFFFFF}
    
    a.navbar:hover {color:CCCCCC}
    
    table tr td table tr td font {display: inline;}
    
    table tr td table a.navbar {font-size: 10px;}
    
    .text {color:000000;font-size:11px}
    
    a.text:link, a.text:visited {color:FFFFFF}
    
    a.text:hover {color:CCCCCC}   
    
    .contactTable {width: auto !important;}
    
    * html .contactTable, *html .userProfileURL {width: 294px !important;}
    
    .contactTable td {padding: 0px; margin: 0px; text-align: center;  }
    
    .contactTable span.whitetext12 { left: 0;}
    * html .contactTable .whitetext12 {margin-left: 25px;}  
    
    .contactTable td table {  
    	height:150px;
    	background-color: transparent; 
    	background-position: center; 
    	background-repeat: no-repeat;     
    	}
    * html .contactTable td table {  
    	background-position:center center;
    }
    
    .contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent;  }
    .contactTable a { height: 30px; width: 134px;} 
    .contactTable img { display:none; visibility:hidden;} 
    .contactTable a img { 
    	border: 0px;          
    	display: block; 
    	visibility: visible; 
    	}  
                   
    .contactTable a img { width:120px; margin-top:6px; margin-left:8px;}
            
    .nametext, .whitetext12, .orangetext15, .btext { 
    	margin: 14px 0px 4px 0px; 
    	width:auto; 
    	display: block; 
    }
    
    * html .nametext, * html .whitetext12, * html table.userProfileURL strong { width:267px; }
    
    .orangetext15, .btext {
    	width:auto;
    	}     
    
    table table table table .orangetext15 { margin-bottom:4px;}
    	
    * html .orangetext15, * html .btext	{ width:390px;}   
    
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    
    .whitetext12 { margin-top:0;}
    .blacktext12 { display: block;  margin-bottom:0px !important;}
    .NOTES { content:"view all of your friend's link"; }
    
    a.redlink:link {display: block; border-width: 3px 0px 0px 0px;  padding-top: 3px;}        
    a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }
    
    .NOTES { content:"firefox hack to make tables not to have a huge gap"; }
    td.text {text-align:left;}    
    
    
    table table tr td {
    	line-height:1.4em; 
    }            
    
    table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
    table.userProfileURL { text-align:center;}     
    table.userProfileURL table {margin-top:-7px;  margin-right:-5px;}   
     table table table.userProfileURL {padding-bottom:0;}
    *html table table table.userProfileURL td {padding-bottom: 0;}
    
    
    table.userProfileDetail .whitetext12, table.contactTable  .whitetext12{ margin-top:3px;}
    table table table.blurbs span.orangetext15, table table table.friendSpace .orangetext15 { display:none; }  
    table table table.blurbs table {margin-top:-18px;}   
    table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
    table table table.blurbs table span.orangetext15 { display:block; margin-bottom:0px;}  
    
    table table table.extendedNetwork {  padding:0; } 
    
    table table table.extendedNetwork td { height:75px; padding:0;} 
    
    table table table.contactTable { padding:0;}
    table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
    table table table.contactTable td.text {height:0px !important}         
    
    
    .a {fix extended network border}   
    table table td.text table { border-collapse:collapse; } 
    
    td.text table.blurbs,  
    td.text table.latestBlogEntry,
    td.text table.friendSpace, 
    td.text table.friendsComments,
    table table td.text table table,
    table.friendSpace td.text table, 
    table.friendsComments td.text table { border-collapse:separate; margin-top:0px; }
    
    .a { ie fix } 
    * html table table td.text table td { padding:0;} 
    * html table table td.text table td table td { padding:0 !important;}  
    * html td.text table.blurbs td,  
    * html td.text table.latestBlogEntry td,
    * html td.text table.friendSpace td, 
    * html td.text table.friendsComments td,
    * html table.friendSpace td.text table td, 
    * html table.friendsComments td.text table td {
      padding: 0 12px 15px 12px; 
    }       
    
    
    
    .r{}
    body {
    	background-color:000000 !important;
    }         
    
    table table table {
      border-width: 1; 
      border-style: solid; 
      border-color: 676767; 
      background-color:000000; 
    
    
    
      filter:alpha(opacity=92.88372093023256); 
      -moz-opacity:0.9288372093023255; 
      opacity:0.9288372093023255; 
      -khtml-opacity:0.9288372093023255;
    
    
    
    
    
    
    
    
    
    
    
    
    }     
    
    
    table table table table {filter:none !important; opacity:1 !important; }  
                     
    .NOTES { contact table if necessary }  
    
    .contactTable {  
    
    
    }
    
    .contactTable td table {
      background-image: url(http://www.coolchaser.com/images/spicy_b_contact.gif);	 
    
    
    }
       	 
    .contactTable a img, .contactTable img { 
    	visibility: hidden; 
    	}  
      
    
    .NOTES { Text Style }
                                  
    body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited, 
    a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
    .lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
    {
      color:FFFFFF;
    
      font-size:11;   
    
    
    
    
    
    
    }    
                
    a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}
                
    .NOTES { header colors and fonts }
    
    .nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
    	margin: 14px 0px 4px 0px;  
      color:FFFFFF;  
      font-size:10; 
      font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
    
      font-weight:bold;
    
    
    
    
    }   
    
    .whitetext12 { margin-top:0; }   
                   
    .NOTES { network graphic if necessary }
    
    .a {fix extended network border}   
    table table td.text table {   
    
    
       } 
    
    td.text table.blurbs,  
    td.text table.latestBlogEntry,
    td.text table.friendSpace, 
    td.text table.friendsComments,
    table.friendSpace,
    table.friendsComments
    { 
      background-color:000000; 
    
      background-position:top left;
    
      background-repeat:repeat;
    
      filter:alpha(opacity=92.88372093023256); 
      -moz-opacity:0.9288372093023255; 
      opacity:0.9288372093023255; 
      -khtml-opacity:0.9288372093023255; 
      }     
    
    table table td.text table table,
    table.friendSpace td.text table, 
    table.friendsComments td.text table {
      background:transparent;
    }
    
    
    span.blacktext12 {   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    	padding-bottom:;
    
    
    }
    
    .blacktext12 { text-align:center; margin-top:0px;} 
    
    .nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
    	background-color:323232;
    
    
    
    
      border-style: none; 
    
    
    
    
    
    
    
    
    
    
    
    
    
    }
         
    .nametext {   
    
      font-size:10; 
      font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
    
    
    
    
    
    
    	background-color:323232;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }        
     
    .NOTES { details heading color }
    .lightbluetext8 { 
      color:FFFFFF; 
      font-size:10; 
    
    
      font-weight:normal;
    
    
    
    }          
    
    .NOTES { Link Style }
         
    a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
      color:FFFFFF;    
      font-size:11; 
    
    
      font-weight:bold;
    
      text-decoration:underline;
    
    }    
    
    a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {  
    
    	}    
    
    a:hover, a.redlink:hover, a.navbar:hover,  a.text:hover {
      color:FFFFFF;
      font-size:11; 
    
    
      font-weight:bold;
    
      text-decoration:underline;
    
    }         
    
    a.navbar:hover,  a.text:hover {  
    
    	}
    
    .NOTES { content:'make font smaller for friends comments box';}
    a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}
    
    *html table table table { height: .01%; }     
    
    .NOTES { international sites have different settings and screws up the bann }
    
    body div table td div {
    margin-top:2px !important;
    }
         
    .cc_banner {
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
      filter:alpha(opacity=92.88372093023256); 
      -moz-opacity:0.9288372093023255; 
      opacity:0.9288372093023255; 
      -khtml-opacity:0.9288372093023255; 
    
      width:751px;
    
      margin-left:-365px; 
    
      left:50%;
      position:absolute;   
      top:160px;
    }       
    
    * html .cc_banner {
      width:751px;   
      margin-left:-365px; 
    }
    
    body table {
    
    
    }     
    
    * html body table {
    
    }
    
    body td table, body div table {
    margin-top: 0;
    }
      
    
    
    .nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
      padding-top: 2; 
    	padding-right:2;
    	padding-bottom:2;
    	padding-left:4;
    	padding-left: 4;
    }       
    
    .nametext {   
    
    
    
    
    }
         
    table, td { padding: 0px; }
    table table table { height: .01%; width: 100%; padding: 1px; }
    table table table table { padding: 0px; }
    table table table table table { padding: 0px;}
    table table table table table table { padding: 0px;}
    
    td.text td.text table table table td {padding:0px 5px 0px 5px !important; }
    span.orangetext15, span.btext {width:100% !important;}
    * html table table table td {padding: 0;} 
    * html .contactTable, *html .userProfileURL {width: 280px !important;}
    table.userProfileURL table { margin-bottom:0; }
    .contactTable a { height: 30px; width: 133px; }
    
    
    
    </style>
    
    <style>
    body {
    	background-color:000000 !important;
    }         
    body {
      background-repeat: repeat-x !important;
    }
    body { 
      background-position:top left !important;
    }
    </style>
    </div>
    
     
    Last edited: May 21, 2008
  2. zaphod

    zaphod Smashing Treats!

    Joined:
    Jan 19, 2003
    Messages:
    18,213
    Likes Received:
    0
    Location:
    Betelgeuse
    DAMN YOUR EYES..... lc
     
  3. Lava Joe

    Lava Joe Guest

    I dunno if it will work or not, but have you tried setting the transparency of the music player to 106%?
     
  4. zaphod

    zaphod Smashing Treats!

    Joined:
    Jan 19, 2003
    Messages:
    18,213
    Likes Received:
    0
    Location:
    Betelgeuse
    nope :-/
     
  5. :rofl: wtf
     

Share This Page