HTML and CSS

Help Indicator

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jun 2009

Posts: 197

Reputation: ayesha789 is an unknown quantity at this point

Solved Threads: 3

ayesha789

Offline

Junior Poster

Help Indicator

Jul 8th, 2009

Hi, Its me Ayesha
I have a Question about Help Indicator.
Please Tell me How I can Develop the Help indicator like in this web site.
http://tickettrunk.com/event/add#

I shall be very thankful to you for this ....

Ayesha
Developer

Ayesha

•

Join Date: May 2009

Posts: 23

Reputation: FeralReason is an unknown quantity at this point

Solved Threads: 0

FeralReason FeralReason is offline

Offline

Newbie Poster

Re: Help Indicator

Jul 8th, 2009

An extremely simple example that relies on the "title" for an anchor tag is shown below. Perhaps this can take you in the right direction.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Help Example</TITLE>
<style type="text/css">
	img
	{  
		border-style: none;
	}
</style>
<body>
		<div>
			<a href="#" title="A description for this first item."><img src="/images/QuestionMark.gif" style="vertical-align: middle;"></a>
			<span style="vertical-align: middle; padding-left:10px;">Text 1.</span>
		</div>
		<div>
			<a href="#" title="Another description for this second item."><img src="/images/QuestionMark.gif" style="vertical-align: middle;"></a>
			<span style="vertical-align: middle; padding-left:10px;">Text 2.</span>
		</div>
</BODY>
</HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Help Example</TITLE>
<style type="text/css">
	img
	{  
		border-style: none;
	}
</style>
<body>
		<div>
			<a href="#" title="A description for this first item."><img src="/images/QuestionMark.gif" style="vertical-align: middle;"></a>
			<span style="vertical-align: middle; padding-left:10px;">Text 1.</span>
		</div>
		<div>
			<a href="#" title="Another description for this second item."><img src="/images/QuestionMark.gif" style="vertical-align: middle;"></a>
			<span style="vertical-align: middle; padding-left:10px;">Text 2.</span>
		</div>
</BODY>
</HTML>