Solved

custom scrollbar with searchable text

Posted on 2007-12-02
6
341 Views
Last Modified: 2008-02-01
I'm working on a site that is created with tables. in one cell, i have a div with scrollable text. the default scroll bar is just not acceptable for my client. she wants something really clean and sleek. is there a way to do this with html or do i need to use flash and if i use flash, is the text in the box still searchable? i'm using dreamweaver.
0
Comment
Question by:kenmac722
  • 3
  • 2
6 Comments
 
LVL 3

Accepted Solution

by:
Mr_Splash earned 250 total points
ID: 20392537
I'm afraid this cannot be achieved in all browsers, however for IE and a couple of other browsers you can achieve a certain degree of design using colours, it can be done with a simple bit of css which you would apply to the divs class or style tag.

You can use as many or as few of the declarations below


scrollbar-base-color:

scrollbar-track-color:

scrollbar-face-color:

scrollbar-highlight-color:

scrollbar-3dlight-color:

scrollbar-darkshadow-color:

scrollbar-shadow-color:

scrollbar-arrow-color:

Open in new window

0
 

Author Comment

by:kenmac722
ID: 20392660
if i do it in flash, can i keep the text searchable?
0
 
LVL 3

Expert Comment

by:Mr_Splash
ID: 20392729
No, at present there is no way for search engine spiders to read flash text.

However, when you embed the flash file you can specify the text used in the animation. It won't show up in the page but it can be found by search engine spiders. Let me know if this is what you want and I can give you an example.

Or did you mean searchable from inside the site? as that is a whole different kettle of fish and would completely depend on your sites search code and you would still need the above method.
0
 

Author Comment

by:kenmac722
ID: 20394786
no, i meant searchable by google. could you show me an exampple? thank you so much!!!
0
 
LVL 3

Expert Comment

by:Mr_Splash
ID: 20397336
Well,
The easiest way is to add

<noembed>All the text that's in the flash file</noembed> after your <embed> tag

Or you can use some javascript that will deliver certain material to search engine spiders and the flash to visitors, such as http://www.adobe.com/devnet/flash/articles/swfobject.html

Then when you've done either of the above, you can use the following website to check what search engines will see. http://www.spidertest.com
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now