Jump to content

Search the Community

Showing results for tags 'color'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 23 results

  1. 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
  2. RyJo

    Range Slider Color

    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.
  3. 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?
  4. 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!
  5. iwato

    Page Gradient Text

    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
  6. harry_ord

    Change icon color on collapsible menu

    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; }
  7. BuffaloBulls1

    Piped Text/Colors into Webpage

    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 { }
  8. W3_Bill

    color: looking ahead.

    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.
  9. Calixtei

    Changing text color

    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.
  10. ann_ascherman

    Dark Hover Feature

    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?!
  11. ContemporaryInsanity

    TryIt Editor background colour

    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.
  12. brooke_theperson

    Randomly Changing Color

    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?
  13. zdarkmind94

    color entire content

    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
  14. 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
  15. 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?
  16. mmmartin

    Background & text color change (hover)

    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.
  17. waay2kool

    Table row colors

    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!
  18. mclearsight

    Navigaiton font color; 2 types

    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
  19. 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
  20. 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]
  21. Hi, im having a little problem with a css menu bar displaying correctly on internet explorer but on firefox not showing it correctly. the problem is that the color I set on the css code is a red one, but firefox shows a blue color. I tried with other browsers to see if there was a problem with the code but for chrome,safari an ie the color shows correctly, having only firefox with the bad color displayed. Here is the code of the menu bar on the css: #menu {list-style:none;width:1160px;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;/* Rounded Corners */ -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;/* Background color and gradients */ background: #C81F18;background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); I looked everywhere on the code to see if there is a misplaced color or a syntax error but haven't found it. Thanks in advanced for your time and help.
  22. nosthertus

    Table head-body-foot color error..

    i have a color error about the tables. i dont know when it comes to put the color using the CSS text "tbody {color:blue;}", im setting it at the same order as the page has gives.. except for tfoot and tbody.. i switched their orders, but what im trying to figure out.. is why the tbody element affects the color of the whole script.. when its set.. the whole text of the html page changes to the element's color, in this case.. blue. i want to know why it happens.. how to fix this bug or error scripting... this is the example tag that the page gives.http://www.w3schools...s/tag_thead.asp and ill put the file of my scripting... i have all the tables examples in a single html file with my comments.. the comments are in spanish.. tablas.html
  23. I am trying to change the background color of an input text field. I am attempting to use a function to do this. The function is called by clicking on certain buttons. Is it possible to do what I want, and how can it be done ? I am using Windows 7, Firefox 8 and IE 9. Thank you. Code Author Stephanie Griswold. <html><head><script type="text/javascript">function setOFF() { document.mainForm.Output.value="OFF"; document.mainForm.Output.style="background-color: #ff0000"; }function setON() { document.mainForm.Output.value="ON"; document.mainForm.Output.style="background-color: #00ff00"; }</script></head><body><form name="mainForm"><table><tr><td align="center">Input</td><td>Output</td></tr><tr><td align="center"> <input type="button" value="OFF" onclick="setOFF()"; /> <input type="button" value="ON" onclick="setON()"; /></td><td> <input type="text" size="10" name="Output" value="Output" /></td></tr><tr><td colspan="2"> Below is how I want the Output field to look when OFF or ON buttons are clicked:</td></tr><tr><td colspan="2" align="center"> <input type="text" size="10" name="WhatIWantOff" value="OFF" style="background-color: #ff0000"; /> <input type="text" size="10" name="WhatIWantOn" value="ON" style="background-color: #00ff00"; /></td></tr></table></form></body></html>