|
HTML - Help With Color Sliders In Html
Hi, I need to convert a java application into a web servlet, and I was having troubles building the UI in HTML. Basically, I need 3 sliders, red, green, and blue, on a table, that adjust the color of a separate cell in the table. How complicated would it be to do this? I'm fairly new to HTML. If there is any easier way to implement this without sliders, that would be great too.
Similar TutorialsDoes anyone know where I can get a decent image (banner) slider that is either cheap or free for commercial use? I tried a few searches but all I get are 'free for private use' or a bunch of spammy pages full of links to other spammy pages... Hi, Quick question from a newb: I'm trying to change the color of the scrollbar on my page from the standard gray to black/red to match the layout of my page, with overflow set to auto. Is there any simple HTML code to do this, without having to use CSS? For instance, something like <scrollbarcolor="black"> or something easy like that? Sorry for the simple question. I've googled it, but haven't been able to find a clear answer. Thanks in advance! GIven the code snippet I want to color all the elements of column 3 with green..is there a command for this.??? <!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" /> <title>Untitled Document</title> </head> <body> <table align="left" width="100%" border="1"> <tr> <th rowspan="2" height="30">ID Number</th> <th rowspan="2" height="30">Name</th> <th rowspan="2" height="30" bgcolor="#00FFCC">Date of Birth</th> <th colspan="2" height="15" align="center">Qualification</th> </tr> <tr> <th height="15">Educational</th> <th height="15">Professional</th> </tr> <tr> <td>1.</td> <td>a.</td> <td>12/12/1979</td> <td>graduate</td> <td>engineering</td> </tr> <tr> <td>2.</td> <td>b.</td> <td>13/1/1969</td> <td>post graduate</td> <td>engineering</td> </tr> <tr> <td>3.</td> <td>c.</td> <td>10/1/1969</td> <td>PHD </td> <td>Sc</td> </tr> </table> </body> </html> I had the following code,how can I make alternate color for each row?Actually I retrieved the data from database and bind to table,so I do not know the total number of row.How to make alternate color?? Code: Private Sub TableDetails(ByVal MydinProdNbr As String, ByVal OldStockCode As String, ByVal SupplierPrdNbr As String, ByVal Description As String, ByVal Packing As String, ByVal ListPrice As String, ByVal Disc1 As String, ByVal Disc2 As String, ByVal Disc3 As String, ByVal TotalOrderQty As String, ByVal DeliveredQty As String, ByVal SelectedQty As String, ByVal FOCQty As String, ByVal DiscountAmt As String, ByVal NetUnitPrice As String, ByVal Amount As String)
lbl.Text = lbl.Text & "<tr bgcolor=#99CCFF>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""63pt"">"
lbl.Text = lbl.Text & MydinProdNbr
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""60pt"">"
lbl.Text = lbl.Text & OldStockCode
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""62pt"">"
lbl.Text = lbl.Text & SupplierPrdNbr
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""180pt"">"
lbl.Text = lbl.Text & Description
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""56pt"">"
lbl.Text = lbl.Text & Packing
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""64pt"">"
lbl.Text = lbl.Text & ListPrice
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc1
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc2
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc3
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & TotalOrderQty
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & FOCQty
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""67pt"">"
lbl.Text = lbl.Text & DiscountAmt
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & NetUnitPrice
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""60pt"">"
lbl.Text = lbl.Text & Amount
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "</tr>"
End Sub
i wanted to change the color of the outside blue caused by the hyperlink and i am having trouble. i wanted it to be only for THIS and not the rest of the page. thank you in advance! <img src="http://i702.photobucket.com/albums/ww26/Fine-TuneXP/navbarfullcopy.jpg" class="greenlink" width="804" height="15" usemap="#planetmap"> <map id="planetmap" name="planetmap"> <area shape="rect" coords="0,0,50,28" alt="Home" href="http://fine-tunexp.webs.com/index.htm" class="greenlink"> <area shape="rect" coords="56,0,147,28" alt="Downloads" href="http://fine-tunexp.webs.com/Downloads.htm" class="greenlink"> <area shape="rect" coords="155,0,217,28" alt="Venus" href="http://fine-tunexp.webs.com/Tweaks.htm" class="greenlink"> <area shape="rect" coords="225,0,360,28" alt="Venus" href="http://fine-tunexp.webs.com/requests.htm" class="greenlink"> </map> EDIT: i was looking around and i saw something interesting, i cant figure out how to use it in my code but, <style type="text/css"> a:link { color:#f00; } #footerlink { color:#000; } </style> First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie. Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line. Thanks in advance. -Brian Hello im new here its good to be here I need your help! I am now learning HTML because i realised how important it is...and im stuck in this thing PHP Code: var alternateContent = 'Welcome to mywebsite' + 'Please download Flash Player to view content.' + '<a href="http://www.adobe.com/go/getflashplayer/">Download Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <img src="Html_logo.jpg" alt="" width="273" height="46" longdesc="http://Html_logo.jpg" /> </body> </html> this is part of the code ...didnt post it all since it was too much... What i need to do is to color the text yellow "Welcome to my website . Please download Flash Player to view content" I tried <FONT COLOR = "######"> but didnt work... Also how do i add the HTML_logo Above the text ..? Any ideas? Hi guys, I need a help from you guys. I'm having some html pages, and i want to give the option to change the background and font color in the html pages by clicking buttons. And that setting should be saved in the user system, when the user loads the page again in the system, that the page should load with the saved settings. I don't want to go for server side scriptings. Is it possible just in html and Java script. Can you guys help me in this. Thanks in Advanse Kumar Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> Hello all! Does anybody noticed that font colors are treated as background color while printing in IE? I just set a <font color=#f0f0f0>MY TEST</font> or <span style="color: #f0f0f0">MY TEST</span> and, on screen, it's OK. On print preview, it goes black. I can print in grayscale only if I turn "print background images and colors" on. Does anybody has a workaround on it? It will be a watermark, so it should be printed in grayscale. I dont think I'm setting a background color, specially on first example (color of the font). Thanks! I have a social network. I want my users to be able to pic colors for certain things... I'd really like to use the GUI that twitter has for this, but that could be expensive... So how do I do it? And how do i get smilies to input text into a text box like this one... Dynamic pages are going to be hard i think When I view my site at 32 bit color at a res of 1028x1200, I can't see my hr lines. But when I view it at 16 bit I can. Anyone know why? And yes it and my CSS validate. Geoserv. edit: site www.apnaonline.ca Hello friends, I am making a login page which takes 2 fields:- 1) user name 2)password Now I want these 2 fields to be colored yellow or blue in the background just like how "gmail" appears to us. Can you please tell me how to change the color inside the textbox from white to any other color. If possible can you please give me a sample code....... hi all how do i change color for this code its for php tags Code: echo 'Not bad, you scored average'; i want it to be red thanks Hi, Could anyone say what the exact color codes for every color on this picture are for HTML? Or should I take colors, which look almost the same? Or Do i have to mix colors myself? I need help deciding on a color scheme for the Washington Huskies. I don't want it to be to bright but right now it's purple and black so it needs to be a little lighter. Could you also specify what to make the colors like text or background or whatever. Thanks. How do I change the color of my links? hiii. this may be a silly question, but i still cant figure out how to add the color of the border in the <img src> code. for example... <img src="lalala.jpg" border="2" BORDERCOLOR="??"> or is it not possible? Hello, all! Newbie here.. and I mean a newbie! I am desperate to find out the color code for the attached color... any idea how I can find out? I tried to do a side by side comparison on a color chart.. and it just never matches right. I am hoping that one of you folks who have a clue what you're doing have a trick for figuring this out! Thanks so much!! Hi, I'm having a problem with layout I'm doing. I'm currently using all HTML. I have <div> tags for each section, and, not that I have to keep it that way - but it seemed uniformed. Anyway, onto the problem. I have the bg of my page, let's say yellow. Then I've got two <div> sections - one for navigation and one for content. The <div> section for content has a white bgcolor, and I set up the <div> section for the navigation the same way - with a white bgcolor. Problem is, everytime I type in the <div> navigation & content section the yellow bg shows up. When I press enter, the white bg shows, press enter again and type, the yellow bg. I'm also working with a style sheet so there's not alot of formatting in the body, which I prefer. Here is the code for the layout: <body> <!--Sagmar logo at top of page--> <div id="img"> <img src="siteImg/logo.jpg" width="607" height="230" alt="Sagmar Leather"> </div> <!--Navigation section--> <div id="nav"> <p> </p> <p><a href="#">Home</a> <p><a href="#">Products</a> <p><a href="#">Contact Us</a> <p><a href="#">Disclaimer</a> </div> <!--Content for webpage--> <div id="content"> <!--Start typing content here--> dsfdfds</div> </body> _____________________________________ Also here is the style sheet code I'm using: body, p { background-color: #FF9D0B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #993300; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FF9D0B; scrollbar-track-color: #FFFFFF; } #nav { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position:absolute; width:105px; height:592px; left: 10px; top: 254px; text-align: center; font-weight: bold; } #content { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position: absolute; width: 491px; height: 592px; left: 125px; top: 255px; } ______________________________ I'm also using a style sheet so that I don't have so much formatting in the actual body. So the question is - is there someway to get the <div> navigation & content sections to stop acting like this (yellow, white, yellow, white)? Should I just use tables instead? (But if there is a way to stop it and keep using <div> I would like that too). BUT if tables are the way to go, it wouldn't kill me. Thanks for any input on this. |
|||||||