|
HTML - Altering Opacity Of Background Colours
Hello all,
Can anyone tell me how I can change the block colour of the background to a more opaque effect? Many thanks Phil Similar TutorialsHi Folks I have a website with many linked pages. When I create a new one I write the text in a Word file then ensure I cut and paste all the relevant HTML tagging. However, recently the background colour doesn't show up! The colour tag is the same as other pages where it DOES show up! I did paste the text into Notepad from Word and then into my Seamonkey composer page but the effect is still the same- absence of background colour. Can anyone shed any light on this mystery, please? Many thanks! Richard. I've seen it done, but probably not in html. Every time the page is reloaded, the background colour within certain areas of the page will change to one of a series of pre-set colours. Usually this is all background divs or table cells that have been earmarked for this colour change, but how on earth do you set that up in html? Any ideas? I'm pulling a practical joke on a buddy of mine, which saving the source code of a web page, altering it, and then pulling it up on my computer to show him (as if it it were a regular page on the web). I've done the altering, but now I need the pictures, background and buttons to show up as they are on the web page. How can I change the source code to show the pictures/buttons/background as they appear on the page itsself? Thanks! Hello all I was wondering is there a way in HTML/JSP to modify the original Print Page Setup, originally defined by the user? What I mean is that no matter what settings the user has on his Page Setup, I always want the page margins to be the following, when a user opens up my HTML and tries to print the page: Right = .75in, Left = .75in, Top = .4in, Bottom = .4in What I am using is the following CSS in my HTML: <STYLE TYPE="text/css" MEDIA="print"> <!-- BODY { margin-left: .75in margin-right: .75in margin-top: .4in margin-bottom: .4in } --> </STYLE> But it doesnt seem to work. If the orginal page margins defined by the user are more than what I am setting through my CSS, it doesnt seem to work. i.e. If the user has all his margins setup to .75in, my CSS doesnt seem to alter the same. I would be glad if someone could help. Thanks i recall many years ago running into an issue where only specific colours would display properly on web pages unless you used those colours in an image. meaning if you did like bgcolor="#456789" it would not render properly but if you made a .gif image with the background colour of the image be #456789 then it would show the proper colour. im wondering, is this still the case? Hey guys what is the best site out there where I can pick a colour and then it shows me what the best colours go with it. Many Thanks I have designed a webpage in dreamweaver and had been using the screen on my MBP. When I plugged in an external monitor I noticed that the website is a different colour. I did two screen shots to show the same website on each monitor.... Here is how the colours look on my MBP Here is how the colours look on my external monitor What is the best way to make sure your website always looks the same colour? I don't really like the second colours but like the first. Many thanks, Jim check out this! they said you couldnt, but i have! visit www.jaicpromotions.co.uk and you'll see!!! then view source! Jai insert this in the <head> section in your code, but make sure that each <iframe> has a new *.htm page as its base location, then again on each of those pages, insert this script into the <head> section again!! sorted!!!! no more unsightly grey bars !!!!! Yipee !!!!!! <STYLE type="text/css"> BODY {scrollbar-3dlight-color:#F0FFFF; scrollbar-arrow-color:#FF8C00; scrollbar-base-color:#000000; scrollbar-track-color:#000000; scrollbar-darkshadow-color:#696969; scrollbar-face-color:#000000; scrollbar-highlight-color:#FF8C00; scrollbar-shadow-color:#FF8C00} </STYLE> 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. 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? 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" /> 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" /> 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'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. 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 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. |
|||||||