Search the Community

<style> #mySTEREOCHROME { width: 400px; height: 400px; background-image: url("red.jpg"), url("cyan.jpg"); background-blend-mode: lighten; background-color: #FF0000, #00FFFF; } </style> I'm trying to use 2 or more grayscale picture files to make a color one. This is my example of trying to make "red.jpg" in the red pixels, and "cyan.jpg" in both green and blue. How to do this in 2 (Stereochrome), 3 (Color) and 4 (Color-And-Alpha) picture files? I spent maybe an hour and a half on the internet trying to find a code that works, and I can't seem to find a way to get this working. Can anyone help? (Because reverse is slower than forward; it is speed in the negative.)

I've been experimenting with various models for edge detection in an image. Everything I've tried reduces the image to grayscale. How do I perform edge detection with an SVG Sharpen Filter and preserve the image's underlying color? Here's a sample of the effect I'm looking for: Thank you very much!

Hi everyone, can anyone tell me whats wrong in the upper item on http://masterclassofindigo.art/udstillinger/udstillinger.html I would like it to display the text (link) in white like the lower item, and I am not able to figure out what is wrong. Kind regards Anders

In comparing three browsers (Safari 12.1.1, Chrome 75.0.3770, and FireFox 67.0.2) accessing the same page I am noticing that the colors are not rendering uniformly. Any suggestions? html{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3949ab+25,05336b+100 */ background: #05336B; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* FF3.6-15 */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(100%,#05336b), color-stop(25%,#3949ab)); /* Chrome4-9,Safari4-5 */ background: -webkit-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Chrome10-25,Safari5.1-6 */ background: -o-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* IE10 preview */ background: radial-gradient(ellipse at center, #05336B 100%, #3949ab 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05336b', endColorstr='#3949ab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-attachment:fixed; }

Would anybody happen to know the algorithm used to convert HSL color space to RGB color space as was done in the 'Color HSL' section of 'Color Tutorial'? The link to this is: https://www.w3schools.com/colors/colors_hsl.asp

BACKGROUND: Please compare the Select Language <select> element option menu under the headings Free Webinar and Newsletter/Subscribe found in the navigation bar on the Grammar Captive main page. Therein lies the heart of the following question. QUESTION: How does one set the background and text colors of the <optgroup> element so that they appear properly in Firefox? Neither optgroup { background: black; color: white; } nor optgroup { background-color: black; color: white; } appear to work. Roddy

Hello, Does anyone know how to change the color of just the First Half of this Range Slider Bar? Here is the link to the example on W3: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_rangeslider_round Thank you.

W3 page on Color Standards X11 shows a 1-99 breakdown that I am familiar with over at Xxxxx (name redacted as advertising not welcomed). Namely, every Primary color can be applied using a fixed "primary" Hexadecimal stepping system. That system counts up using "primary" increments. Those increments diversify without color names. https://www.w3schools.com/colors/colors_x11.asp The W3 Schools page uses primary increments, but only for grey-scale. Here are the primary units for all colors. 11 22 33 44 55 66 77 88 99 AA BB CC DD EE FF X11 leans on photographic deployment of oil and tempera color names resulting in an expected tangle, excepting grey-scale. Given that every device has its own physical palette, and hence none see the same color called Bisque #ffe4c4, it would be rational to reset Bisque to a nearest Primary neighbor, and apply 99 primary increments from there. ... EEDDBB FFEECC 11FFDD ... This methodology provides SAFE Primary Colors for developers and frameworks; that is, SAFE COLORS for HTML5. SAFE applies to HTML as simply more rational. Compare 18-21 WEB SAFE colors in CSS 2.0. Using RGB, CMY, RYB color wheels, and thousands of proprietary (mostly patent) color wheels available today, what is wrong with a psychiatric, chemical, endocrine, artistic, and general scientific principal shared by all humans: namely, Primary Association? The very interesting thing about primary color associations, is that toward darkest and lightest increments, the primary increments tend to pure white and pure black, an exacting conformance with human vision. To accommodate that vision, oil and tempera artists have a full palette of color names awaiting digital presentation. Factually, more color names than we need. PRIMARY COLOR NAMES are an established and appropriate way forward. We can do it like certain other rational parties and each independently setup our own COLOR.CSS, using whatever color names we choose. Or we can proceed with primary conversion of Bisque 1-99 with nominal Bisque somewhere between 1 and 99. Not a great intellectual challenge, though time consuming (multiply by 145 today and 755 tomorrow). CMS frameworks have primary 'templates'. Operating systems, likewise. I cannot find an online public demonstration of the primary principals suited to HTML5+ technology, as discussed in this thread. A color tutorial on primary colors and 99 increments for each established color name would be an interesting read. And help in understanding of color implementation. How many potential color names? Count the primary units above: (99 x 15) x 3 = 4,445 (my stats are very rusty). Nominal primaries are much more do-able: 15 x 15 = 225 color names for today's 1-F framework. 145 falls short by 80 color names. We can distributes primary increments to color names accordingly, with thousands of primary slots available. Primary color association leaves potentially millions of unique no-name colors to code. This thread begins with a simplistic way of observing complex and dynamic color theory. Color needs a simple framework. W3 Schools has a simple tutorial on Primary Digital Color?

Dear potential helpers, I try to darken the foreground of my website using a background-color. I created a div which wraps all my other HTML stuff, applied position: relative; to it and a very great z-Index of 999. All my other elements have a z-index of 100 or lower. Why isn't my div not shown in front of the other stuff? In case the background-color of my div foreground is only shown behind all the other elements inside it. Here is my HTML: <html> <body> <div id="foreground"> <!-- All my other HTML stuff having relative positioning and z-index 100 or less --> </div> </body> </html> Here is my CSS: #foreground { position: relative; z-index: 999; display: block; background-color: red; } Maybe u guys have any idea what the matter with this one. Thank you!

BACKGROUND: I like gradients because they are both colorfully attractive and easy on the eyes. They are also suggestive of binary thought and all that lies between the two polar extremes of 1 and 0. For these reasons I often employ gradients as the background colors of my <div> elements. Background gradients suffer from an important weakness, however: monochromic text is easy to read at one end of the gradient, but difficult to read at the other. QUESTION: Does anyone know of a way to cause text to change color as it is displayed across the width and height of the element that contains it? Roddy

I found this collapsible menu: http://codepen.io/joaorafaelm/pen/pbjfi I want to change the color of the 3 icon bars of the button but i'm not able to do it, i just want them white. I tried this and only changed the third bar: label:before{ background:#fff; }

I am developing a survey in a platform called Qualtrics. Qualtrics allows you to use what they call "embedded data" to "pipe text" into the survey in order to customize aspects of your survey itself. For example, if I want to insert the name of a school or person into a question I would use piped text which allows the customization to vary from person to person. It is a similar process to what would happen in a mail merged document that allowed someone to insert the name of a person to give the appearance of personalization. As part of the survey I am designing I have figured out how to insert the logo of each school as a header into the document through embedded data and piped text that corresponds to each recipient. I would like to do the same thing and have each institution's colors correspond to respondent within the survey itself as well. This would be things like the forward and back buttons, selected responses, and the progress bar. I've not been able to get the piped text to work in the same manner as the logo. Does anyone have any suggestions? Below is the section of code I am trying manipulate. I'm can provide more information if needed.....Thank you. /* Place your CSS here */ .Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked { " !important; Color}" !important; color: #fff; } Field/Color}" ; } .Skin label.q-radio.q-checked { outline: 0; } .Skin label.q-checkbox, .Skin label.q-radio { } .Skin .ProgressBarFill { }

In the W3Schools tutorials on web color, a few different representations of color are presented. Examples: red-green-blue, hue-saturation-lightness, hue-whiteness-brightness, cyan-magenta-yellow-black, and a few different color-naming standards. A new color-space standard has been created and adopted: "Rec. 2020"; it provides a much larger color space than what most computer monitors can display (the sRGB color space). Eventually, computer monitors that support the new Rec. 2020 color space should become available. When the Rec. 2020 monitors become available (a few already are!), will colors coded in the representations currently used in HTML, CSS, etc. look the same on those as they do on current sRGB monitors? Will we have to re-code those colors, or will the representations themselves adapt? I notice that current color representations assume 8 bits per primary (red-green-blue). The Rec. 2020 color space requires 10 or 12 bits per primary. It seems from this that color representation in HTML, CSS, etc. will have to adapt. Is W3C ready? What can we web programmers do to be ready? If this belongs in a different forum (HTML? CSS?), please let me know.

I'm trying to change the text color scheme of the following, plus i would also like to bold. Web page displays (just text) but only (Update cart) is linked: Update cart or This is the code for above: <input type="submit" id="update-cart" name="update" value="{{ 'cart.general.update' | t }}"> "cart": { "general": { "title": "Cart", "update": "Update cart", "or": "or", "checkout": "Check out", The "Check out" is a Button (I didn't include code, because I didn't want to change it) I'm not sure what tag(s) I should use, I've tried <h3>, <h3 style>, <div>, <div style>, <span> and they all give me errors. I'm editing within Shopify html editor, they use (.liquid) top code, and (.json) bottom code Any suggestions would be much appreciated, thanks so much.

Hi, The website I am currently working on is this: annascherman.com I have set up the image gallery to be an un-ordered list so that I could achieve the irregular grid. I would love for the images to have a slight dark tint on top of them which goes away when you hover over an image (see example here: http://www.wallpaper.com/design/wallpaper-power-200) but for some reason, whenever I add a hover pseudo-element, I get a black background behind the image (I know this because it is also appearing to the right of the image, which I assume has to do with how I set things up as an un-ordered list - it is reading this space as part of the background). What am I doing wrong?!

Hi, Is there any way of changing the background colour in the TryIt editor? Mine is displaying as a very light grey on a white background which I find very difficult to read so I am constantly having to select the text so I can see it. Using firefox with kubuntu if that is of any relevance. Thanks in advance for any advice. E.

Hey, so I have a question regarding my previous post. I am trying to randomly change the color of a div just by ppressing it. Here is my code to do so: My html: <button onclick="changeShirtColorRandom()">Change Shirt Color Random</button> My javascript: function color(color){ this.color = color;}//*All colorsvar red = new color("red");var blue = new color("blue");var green = new color("green");var purple = new color("purple");var yellow= new color("yellow");var black = new color("black");//*Array of colorsvar colors = [red, blue, green, purple, yellow, black]; //*Function that chooses a random shirt colorfunction changeShirtColorRandom{ var num = Math.floor(Math.random() * colors.length); var colors_obj = "'" + colors[num] + "'"; document.getElementById("torsoColorChange").style.backgroundColor = colors_obj; document.getElementById("right-sleeveColorChange").style.backgroundColor = colors_obj; document.getElementById("left-sleeveColorChange").style.backgroundColor = colors_obj;} This is just the part of the code that is relevant. The problem is when I click the button nothing happens. What is wrong with my code?

Why if my <h1> is on a div, and I put on that div custom color ,<h1> have the default color ,and the rest of things for example <p> have the custom color

hi, i hope im posting this in the correct place, i dont know html very well, what im trying to learn is how to create a background box around the title that stretches to the size of the title and is got only a couple of pixels bigger asper example in the picture enclosed. im really sorry if this is not explained properly but i dont know the technical terms. I want to do this in html as my wordpress blog lets me create a text box with custom html without the need to change the css file. many thanks in advance. kind regards Jorge

Hello! i'd like to ask about this script function farba(newcol) { this.style.color = newcol;}function ahoj() { var sup = document.getElementById('aaa'); farba.call(sup,'blue'); if(sup.style.color == "blue"){sup.style.color="red"}else{sup.style.color="blue"} what should i change there for it , to work please?

Hey. I am a beginner in html+css, and so far I have been able to solve everything out with google, but this is where it all stopped. I would like to make a solid color background with three icons on it(they are connections). When you hover the first icon, background color changes to yellow. When you hover second one, background color goes to red etc... what is the best solution for this, considering I would like to make a translation soft (meaning from dark gray to yellow in 0.5second, not instantly). Is that achievable with css or is that something where js comes in? The same goes with a text... i would like it to be clickable and change color on hover, again with transition. Just a simple image, but I guess text is clear enough. Thanks.

Hi, I have created a table where each row is an alternating color green then cream then green etc. My html looks like: <table border="2" cellspacing="2" cellpadding="2" width="90%"><tr bgcolor="pms3275"><td width="25%"><font color="white">PRODUCT NUMBER</font></td><td width="20%"><font color="white">DESCRIPTION</font></td><td width="5%"><font color="white">DURO METER</font></td><td width="25%"><font color="white">SIZE</font></td><td width="5%"><font color="white">UNIT</font></td><td width="10%"><font color="white">LIST PRICE</font></td><td width="10%"><font color="white">SHOPPING CART</font></td></tr><tr bgcolor="teal"><td>NON-REINFORCED</TD><TD>SHEETING</td><td>Shore A</td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-002</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>6" x 8" x .002" Matte</td><td>each</td><td>$70.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-002'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>CUST-20001-002</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>12" x 16" x .002" Matte</td><td>each</td><td>$140.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=CUST-20001-002'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-003</TD><TD>Non-Reinforced Sheeting</TD><td>40</td><TD>6" x 8" x .003" Matte</TD><TD>each</TD><TD>$75.00</TD><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-003'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-004</TD><TD>Non-Reinforced Sheeting</TD><td>40</td><TD>6" x 8" x .004" Matte</TD><TD>each</TD><TD>$75.00</TD><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-004'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>CUST-20001-005</TD><TD>Non-Reinforced Sheeting</TD><td>40</td><TD>12" x 12" x .005" Matte</TD><TD>each</TD><TD>$130.00</TD><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=CUST-20001-005'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-005</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>6" x 8" x .005" Gloss</td><td>each</td><td>$80.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-005'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>CUST-20001-010</TD><TD>Non-Reinforced Sheeting</TD><td>50</td><TD>12" x 12" x .010" Gloss</TD><TD>each</TD><TD>$140.00</TD><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=CUST-20001-010'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-010</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>6" x 8" x .010" Gloss</td><td>each</td><td>$80.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-010'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-013</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>6" x 8" x .013" Matte</td><td>each</td><td>$50.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-013'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-020</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>6" x 8" x .020" Gloss</td><td>each</td><td>$90.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-020'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-040C</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>2.5" x 3" x .040" Gloss</td><td>each</td><td>$25.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-040C'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SHS-20001-040</TD><TD>Non-Reinforced Sheeting</TD><td>50</td><TD>4" x 6" x .040" Gloss</TD><TD>each</TD><TD>$40.00</TD><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-20001-040'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-040</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>6" x 8" x .040" Gloss</td><td>each</td><td>$100.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-040'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SHS-20001-062</td><td>Non-Reinforced Sheeting</td><td>50</td><td>4" x 6" x .062" Gloss</td><td>each</td><td>$50.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-20001-062'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-20001-062</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>6" x 8" x .062" Gloss</td><td>each</td><td>$110.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-062'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-062C</TD><td>Non-Reinforced Sheeting</td><td>50</td><td>2.5" x 3" x .062" Gloss</td><td>each</td><td>$25.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-062C'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SHS-20001-080</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>4" x 6" x .080" Matte</td><td>each</td><td>$50.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-20001-080'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-20001-080</TD><td>Non-Reinforced Sheeting</td><td>40</td><td>6" x 8" x .080" Matte</td><td>each</td><td>$120.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-20001-080'>Add to Cart</a></td></tr><tr bgcolor="teal"><td>REINFORCED</td><td>SHEETING</td><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#CCFFFF"><td>SH-21001-007</TD><td>Reinforced Sheeting</td><td>40</td><td>6" x 8" x .007" Gloss</td><td>each</td><td>$130.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-21001-007'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>CUST-21001-007</td><td>Reinforced Sheeting</td><td>40</td><td>12" x 16" x .007" Gloss</td><td>each</td><td>$600.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=CUST-21001-007'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-21001-020</td><td>Reinforced Sheeting</td><td>40</td><td>6" x 8" x .020" Gloss</td><td>each</td><td>$120.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-21001-020'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SHS-21001-030</td><td>Reinforced Sheeting</td><td>40</td><td>4" x 6" x .030" Gloss</td><td>each</td><td>$50.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-21001-030'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-21001-030</td><td>Reinforced Sheeting</td><td>40</td><td>6" x 8" x .030" Gloss</td><td>each</td><td>$130.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-21001-030'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-21001-040</td><td>Reinforced Sheeting</td><td>40</td><td>6" x 8" x .040" Gloss</td><td>each</td><td>$140.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-21001-040'>Add to Cart</a></td></tr><tr bgcolor="teal"><td>FIRM</td><td>SHEETING</TD><td></td><td></td><td></td><td></td><td></td></tr><tr bgcolor="#CCFFFF"><td>SHS-22001-020</td><td>Firm Sheeting</td><td>60</td><td>4" x 6" x .020" Gloss</td><td>each</td><td>$40.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-22001-020'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-22001-020</td><td>Firm Sheeting</td><td>60</td><td>6" x 8" x .020" Gloss</td><td>each</td><td>$90.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-22001-020'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SHS-22001-040</td><td>Firm Sheeting</td><td>60</td><td>4" x 6" x .040" Gloss</td><td>each</td><td>$60.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SHS-22001-040'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-22001-040</td><td>Firm Sheeting</td><td>60</td><td>6" x 8" x .040" Gloss</td><td>each</td><td>$130.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-22001-040'>Add to Cart</a></td></tr><tr bgcolor="#CCFFFF"><td>SH-22001-080</td><td>Firm Sheeting</td><td>60</td><td>6" x 8" x .080" Gloss</td><td>each</td><td>$140.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-22001-080'>Add to Cart</a></td></tr><tr bgcolor="#FFFFCC"><td>SH-22001-120</td><td>Firm Sheeting</td><td>60</td><td>6" x 8" x .120" Gloss</td><td>each</td><td>$150.00</td><td><a href='http://grcht.tlyfy.servertrust.com/ShoppingCart.asp?ProductCode=SH-22001-120'>Add to Cart</a></td></tr></table> I would like to separate this out to a css sheet from all being within the html. How do i get the <tr> tag to alternate colors? Thanks!

How to change only part of the font to a different color in a navigation link? See my website; www.cleareyesight-batesmethod.info On the left < is the navigation. I want the top words in each pages navigation to be in green and the rest of the text to stay navy blue. Example, in the home page, top navigation; I want NATURAL EYESIGHT IMPROVEMENT to be green. The rest of the text under it to stay navy. When I try to change the color it does not work and it also causes spaces between the 2 different colored text. How to do this? Maybe in html? Thanks, Mary

I have a page of 100 links, that looks like this:<br>[~Most-Used]<a href="www.hotmail.com/?">hotmail.com</a><br>[~Most-Used]<a href="http://alternativeto.net/">AlternativeToSoftwares</a><br>[~Most-Used]<a href="http://jsdo.it/vmars316/asdf/edit">jsdo.it javascript</a><br>[~Most-Used]<a href="http://www.portablefreeware.com/?">portablefreeware.com/</a><br>[Arduino]<a href="http://arduino.cc/forum/index.php#2">~arduino.cc/forum</a><br>[Arduino]<a href="http://arduino.cc/playground/">~arduino.cc/playground</a> And I want to color text and text-background different colors: [~Most-Used] text = black, text-background = blue >hotmail.com</a> text = red, text-background = lightGreen I suppose <span> would work. Or could i use "<br>[" and '">' as style tags ? Is there a better way than span ? Thanks

Hello once again, i will do this one short, since i feel stupid asking about it, but its a must since i cannot remember, and might be a rookie question -.-'... anyhow, here is my css: .chat_div_bottom_global_friend_list_button a:hover { text-decoration:none; color:#CDCDCD; background-color:#900; } .chat_div_bottom_global_friend_list_button a:link,a:visited,a:active { text-decoration:none; color:#CDCDCD; } here is my html: <span class='chat_div_bottom_global_chat_rooms_button'> Chat Room (Public)</span> <span class='chat_div_bottom_global_friend_list_button'> <a href='#'>Friend list (0)</a></span> now the question, i have a background to the link, but i would like that background, to cover the whole span if possible, any ideas? X)... [PICTURE ATTACHED]