HTML - Html Scroll Bar Color?
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! Similar TutorialsHello there.. I was searching on the forum for a little help to how I can change my scrollbar color inside my iframe, but I didnt rly find anything that helped, I only found solutions to: How to change scroll colors but that didnt have any effect inside my Iframe.. Ok try go to this site: http://www.sp34k.dk/Bluevis/index.htm - Now try look to the left, you can see a scrollbar there, but what I wish, is to make it smaller, change its colors, or just do anything to make it "fits" inside the design. I hope some of you guys could help me, I cross my fingers.. Kind regards Mike Bertelsen Denmark Hello, First I want to say sorry if this is in the wrong place. I foud this forum and needed help badly. I am using sitebuilder and have discovered from this site a scroll box code which works great! But, there are some things I want to add to it. First, I want to make scroll box have a background color. I want it to be black. How do I do that? Also, can I change the color of the scroll? How do I do that. Thank you so much! hey how can i make a scroll box with html code inside it i have the code for a scroll box but i dont know how to make my scroll appears with the html code inside so others copy my html for posting it I found this thread: HTML Scroll box which gives this HTML for a scroll box: <div style="overflow:auto; height:300px; width:300px"> <table cellpadding="0" cellspacing="0" style="width:250px;"> <tr> <td> stuff here</td> </tr> </table> </div> and tested it at this blog post: Testing scroll box 1 The code gives a scroll box alright but I am looking for a scroll box to put codes and for visitors to click inside the scroll box, press ctrl+A to highlight all the codes inside the scroll box. But when I click inside the box, the whole page get highlighted instead. Is it possible to surround the scroll box HTML with for example something like <p></p> and for the effect above? I will be following up with another script for scroll box which I got from viewing page source. So a while back I experimented with doing text/image wraps in html. The best solution was using a array of divs. And i found a great site, that will analyze your image and generate the code for it. http://www.theboxoffice.be Today however I had a thought to try and get the text to be scrollable around the image wrap. any thoughts? I'm just trying to disable an HTML code (a link) in a scroll box. I've become frusturated after Googling it and searching it here with no luck. I've tried the <text area> thing and the < or whatever thing with no luck. I would love some help. Thanks! I'm trying to type HTML code into a scroll box so people can copy it and paste it onto their own sites, rendering an image. Problem is, the code renders the image inside the scroll box, when I only want the code text. How do code it so that the image doesn't render, and only the code text is displayed? I'm a layout maker for xanga, and I'm having a little trouble with html. I made a layout, but I have no clue how to post it so people can use it. I want it in a scroll box, but when I post that in an html entry, the layout becomes one with the entry! I need help on finding a code that will allow me to post html into a scroll box. Thanks! ________________________________________________________________ Buying diamonds online - James allen review - Bluenile.com review - Mondera Diamonds Review - Online diamond store reviews - Engagement ring guide - Engagement ring guide Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J 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. 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> 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 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> 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 I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. 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 am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> |