|
HTML - Html Opacity
You know this code in html:
<img src="klematis.jpg" width="150" height="113" alt="klematis" style="opacity:0.4;filter:alpha(opacity=40)" /> It's used to do the opacity of an image my question is how can I do this with css jus so I donot have to put it for every image. Similar TutorialsOk. 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" /> 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 I have a grid jpeg that should be showing up just right of the news text in this link: http://kos-mediadesign.com/news.html. I have the opacity of the image set to .4 / 40/% and it displays perfectly in all major browsers on windows and OSX 10.5, except when it is viewed on my laptop which is OSX 10.6. I'm just after noticing now that the image actually appears underneath the drop shadow effect of an overlaying window, say, if you have a finder window open on top of the browser. Very strange. Has anyone experienced this and is there a work around? 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" /> 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 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;} 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'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; } 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); } 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. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks I am still new to the web page world, but the website I originally created (in japanese) was passed on to a programmer. He did a lot of "upgrades" to the site so he says, but he left. Now I am in charge again of re-modeling the site. The problem is I am trying to figure out why there are so many dead links. I have looked up and down the server, but can't find anything. Ok before I confuse anyone else here is what I am talking about. For example this page that I originally made : Code: http://www.discoveryfirm.com/tokushu/index.html cannot be found but if I take of the end: http://www.discoveryfirm.com/tokushu/ the page is there. Now I am trying to fix a lot of dead links, but I cannot figure out what the programmer did to the site. I am still new to all the high-tech features in the web world. Could somebody please explain. Hello Everyone, Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD. Image Link1: http://8648180184665331224-a-1802744...attredirects=0 Image Link 2: http://8648180184665331224-a-1802744...attredirects=0 Please mail me the code ASAP. Thanks and Regards, ceenuu2002@gmail.com hello i have a page 'gallery.html' that i want to show up when the URL www.site.com/gallery is requested. how do i achieve this? thanks in advance rlbw i just started working on addicted2ally.com, and for some reason, my index.html is showing the text of the html instead of well, doing it lol helppp!? |
|||||||