HTML - Strange Opacity Behavior In Osx 10.6

the problem in question is located here HERE the links DIV BG is faded like I want but everything in the div is faded too, ie. the Images. How can I keep images and text from fading?

Thanks

How do I do the code below in css cause it takes to long to put that for each image i know how to do the opacity but how do i do the mouseover and mouse out in css?

<img src="_/programming/HTML/Webpage/menus.jpg" width="230" height="60" alt="menus"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

How do I do the code below in css cause it takes to long to put that for each image i know how to do the opacity but how do i do the mouseover and mouse out in css?

<img src="_/programming/HTML/Webpage/menus.jpg" width="230" height="60" alt="menus"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Ok. This is my coding for my form button. The opacity changes, when hovered over, in my editor and in IE - but it doesnt work in Netscape - any suggestions or ideas????

<input type="image" src="buttons.jpg" onmouseover="this.style.Opacity=1.0[1];this.filters.alpha.opacity=100" onmouseout="this.style.Opacity=0.7[1];this.filters.alpha.opacity=70" style="filter:alpha(opacity=70);opacity:0.7.[1]" size="25"
value="Find password" />

I've created a table using xhtml similar to the following:

<table>
<caption></catpion>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table>

For some reason, when I set the caption height > 30px the caption section starts repeating itself but not with the caption text. Here's a pic:

http://instagr.am/p/IM55OpPYn5/

I get this behavior in both IE and FF. Is this the expected behavior? Is there a workaround for this? It seems like xhtml would provide more flexibility than this....

Hi. I set the opacity of content tables within my webpage to 0.90 so that my background can be seen slightly.

However my images in these content tables are also see through.
How do i make the images 100% opaque?

I have tried entering the image code like this:

<IMG SRC="http://i49.photobucket.com/albums/f293/jmzcherry/pete-doherty-gio-goi.jpg"
STYLE=filter:alpha(opacity=100) WIDTH="245" HEIGHT="250" ALIGN="left">

but that didnt work.

Heres how i did the opacity for the tables:


table table table td {
background-color:FFFFFF;
filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90; }
table table table table td {filter:none;}

I need help.
Im new at Web design, new at html, and css so i dont know a whole lot
I need help applying an opacity to my images and my buttons in either Html or Css. WHich ever you put the code in
thanks

I've just started changing my Tumblr page around to make it look more fancy! I put a nice background and such on it, then finally, after looking for hours, figured out how to make my posts container opaque, so that you could actually see the background. Well, when I made it opaque, it also made my posts opaque. So, now some of the photos I'm using on there are not extremely visible. I was just wondering if there's a way to make the post container opaque without making the post content opaque as well?

Here's the link to my tumblr page, so you can get an idea of what I'm talking about.
http://late-summers-thoughts.tumblr.com/

And I'm not totally sure that this is what you need, but this is the part of my coding where I made the whole thing opaque.

div#content{filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
float:right;
width:500px;
padding:10px;
padding-top: 0px;
margin-right: 170px;
background: #000000;
}

div#entry{
background-color:;
margin-top:px;
padding-top:10px;
padding-bottom:10px;
}

Hello all,

Can anyone tell me how I can change the block colour of the background to a more opaque effect?

Many thanks

Phil

I need help/
I applied an opacity on my table background.
But the problem is, i have content such as images and text areas in my table which are getting affected by the opacity i placed on my table.
I applied a 14% opacity to my table and now its making my images and textbox inside my table invisible.
anyway to fix this problem. here is an example of my code

HTML
<table class="home">
<tr>
<th>Welcome</th>
</tr>
<tr>
<td width="100" height="200">
<p><img src="Web Photos/welcomebanner.gif" class="feature" width="1025" height="200" /></p>
</tr>

CSS
table.home td {
font-size: small;
border: 1px solid FFFFFF;
background-color: #FFFFFF;
filter: alpha(opacity=14);
}

THIS PROBLEM IS WITH --IE-- ONLY

I have this piece of code that I simplified as much as I could to show a simple example:

PHP Code:
<table width="50%">
    <tr><td colspan="2">short</td></tr>
    <tr>
        <td width="128"><img src="" width="110"></td>
        <td>a<br>a<br>a</td>
    </tr>
</table>

<table width="50%">
    <tr><td colspan="2">long long long long long long long</td></tr>
    <tr>
        <td width="128"><img src="" width="110"></td>
        <td>a<br>a<br>a</td>
    </tr>
</table> 


For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels..



If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem

Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..?

Hello.
I've searched numerous times on Google for answers to this problem I'm having and I'm getting no help.

I've posted here before with the same website but I have a different layout (or I'm making one) so I have a different problem. To view the website click here, although I don't have the new layout up on the web yet.

I have a picture as the background and I have the semi-transparent tables, but the text is semi-transparent as well and I really don't like that. The code I have for the semi-transparent tables is:
Code:

table, tr, td { 
filter: alpha(opacity=75);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:0.75; 
}

So that's all fine and good, but I can't get the text to show up solid. Is there a way that I can have the semi-transparent tables and full opacity text? I'm extremely bad with CSS, so I don't know much what I'm doing here.

Well, it seemes like it all messes up right now... And I'm going crazy.

Take a look at this example page:
http://www.stianbl.co.cc/Test2/teknisk_TEST1.html

Here, everything should work, since the code is the same I used for this page:
http://www.stianbl.co.cc/Test2/teamet.html

The problem is:
1. I cant get the hover effect to work on the 3 "pages", or fact-sheets, that should be clickable to dll the .doc file. But its the same way I did on the site "teamet", and it works there.

2.I cant position the header anymore. As it is now, opera reads it as I want it (the header, and navigation part), but IE hides it...

Any help would be much appreaciated!

I'm having a really bizarre problem on my site here http://www.onlykitchens-almunecar.co...signvisit.html

On this particular page I have a form that is working fine in firefox but the page won't load in IE only from today and I don't think I have changed anything

The form is working fine in firefox and posting ok and returning errors as i am using this form validation script Code:

  <script language="JavaScript" type="text/javascript">
<!--

/***********************************************
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function formCheck(formobj){
 // Enter name of mandatory fields
 var fieldRequired = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details");
 // Enter field description to appear in the dialog box
 var fieldDescription = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details");
 // dialog message
 var alertMsg = "Please complete the following fields:\n";
 
 var l_Msg = alertMsg.length;
 
 for (var i = 0; i < fieldRequired.length; i++){
  var obj = formobj.elements[fieldRequired[i]];
  if (obj){
   switch(obj.type){
   case "select-one":
    if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
     alertMsg += " - " + fieldDescription[i] + "\n";
    }
    break;
   case "select-multiple":
    if (obj.selectedIndex == -1){
     alertMsg += " - " + fieldDescription[i] + "\n";
    }
    break;
   case "text":
   case "textarea":
    if (obj.value == "" || obj.value == null){
     alertMsg += " - " + fieldDescription[i] + "\n";
    }
    break;
   default:
   }
   if (obj.type == undefined){
    var blnchecked = false;
    for (var j = 0; j < obj.length; j++){
     if (obj[j].checked){
      blnchecked = true;
     }
    }
    if (!blnchecked){
     alertMsg += " - " + fieldDescription[i] + "\n";
    }
   }
  }
 }

 if (alertMsg.length == l_Msg){
  return true;
 }else{
  alert(alertMsg);
  return false;
 }
}
// -->
</script>

The weird thing is if i take this code out it loads in IE and when I put it back in it don't. Its been working fine in IE with it in up until today. I need this validation script, and as i said its been working in IE for weeks with it in in.

So I suppose what I am trying to get to the bottom of is why it is working in firefox but not in IE? If anyone could help i'd greatly appreciate it!

I am working on a new site layout, and for some reason in IE6/IE7 if you go directly to the webpage I am working on, it doesn't load correctly (won't load my background gradient, and doesn't format the site properly) when I try to reload the page, I get the same problem. if I go to any site (with css, without css, etc) and then go to my page it loads properly. the source code is the same when it loads properly and when it doesn't so I have absolutely no idea how to fix this problem.

Regards,
David King