Use Style Sheets to Create Floating Text

Expertise: Intermediate
Language: Web

April 10, 2000

Use Cascading Style Sheets to create a floating text paragraph. First, add the <STLYE> attribute in the document's <HEAD> section:


<STYLE TYPE="text/css">
<!-- TEXTAREA
{ position:absolute; top:60; left: 25; width:200; height:100; font: 8pt
Verdana; background:Ivory; margin:5px; border:none; }
--> </STYLE>
</HEAD>
<BODY>

Now, add the content you want to display in the window:


<TEXTAREA WRAP="virtual"> Visit my new Web site at: http://www.myWebsite.com
Let us know what you think!
</TEXTAREA>
</BODY>
</HTML>

You now have a floating text paragraph complete with scroll bars.

It's quick, easy and you get access to all the articles on DevX.
This registration/login is to allow you to read articles on devx.com.
Already a member?

To become a member of DevX.com create your Member Profile by completing the form below.
Membership is free!

Already registered? Sign In

E-mail (User Name)

Create a Password

Re-enter Password

First Name

Last Name

Company

Company Size

Address

City

State/Province

Country

Postal Code/Zip

Job Function

Phone

Note: Extension number is optional, but may be included by adding an "x" before the extension number.

By registering you will also be signed up for the Enterprise Development Daily newsletter.
After registering you may choose to opt-out by clicking on the "Manage Profile" link.

Cancel

Manoj K. Singh

If you have a hot tip and we publish it, we'll pay you. However, due to accounting overhead we no longer pay $10 for a single tip submission. You must accumulate 10 acceptable tips to receive payment. Be sure to include a clear explanation of what the technique does and why it's useful. If it includes code, limit it to 20 lines if possible. Submit your tip here.

	Browse All Tips
			Browse "JavaScript and Other Client Scripting" Tips