small css question + 2 questions

Biggie_mac · 10-02-2005, 11:07 PM

My problems is this: I want the links of my page that have been visited to have the same effect of those not visited. To be more specific:

a:hover{
text-decoration: underline;
color: navy}

a:visited{
font: 13px arial;
text-decoration: none;
color: #666666}

The links that were visitid by me appeared with underline so I had to put text-decoration: none to the visited type but in the same time I want the links to appear underlined when hovered. And the problem is that the links visited don't become underlined when hovered. Only the unvisited ones. Anyone following me? I really can't see any way out so pls give me a hint. Basically I want all the links to become underlined when hovered.

And 2 simple questions...I remember reading somewhere that is recommended that u put a whole link as a ref instead of a direct one.Meaning to put
????: NamePros.com http://www.namepros.com/web-design-discussion/128464-small-css-question-2-questions.html

<a href="www.mysite.com/page.html"
instead of
<a href="page.html"
Is that true...does that actually help?

And I've noticed that some sites have an additional "title" attribute along the alt atribute for pictures.

<img border="0" alt='word' title='same word' src=... ..is that necessary?
and that also some off people add class="" to the picture...although there is nothing between the comas(""). what is the point of doing that? Thanx a lot for helping me out! Cheers

thomaslgates · 10-03-2005, 12:01 AM

TO MAKE THE TEXT UNDERLINE ON MOUSEOVER:

a.name:link {color: #ff0000; text-decoration: none}
a.name:visited {color: #0000ff; text-decoration: none}
a.name:hover {text-decoration: underline}

The above code is the CSS Code for the text link.

<a class="name" href="default.asp" target="_blank">Link must be placed here...</a>

This is the code for placing the link.

Try it in yer editor and tell me the results.
I hope this will clear yer first question.

SECOND QUESTION

[DIRECT LINKING]

I think REF linking will help you better.
I use REF linking.

MOST of the sites use REF linking.

[IMAGE]

TITLE is just a text to display in a tool tip
CLASS is the class of the element.

It is not a problem whether you insert them or not, your image will work properly..!

Rowan W · 10-03-2005, 06:07 AM

thomas got everything right I think.

I'll just add that according to W3C the "alt" attribute is required for every image (or non-text element) on your site for accessibility reasons. The "alt" attribute is not supposed to display a tooltip, whereas the "title" attribute is.

thomaslgates · 10-03-2005, 07:34 AM

I never said the "alt" attribute is used for displaying a tooltip.

Rowan W · 10-03-2005, 04:26 PM

and I never said you did, I was refering to the way IE handles the alt attribute.

Originally Posted by Rowan W

I'll just add...

LeetPCUser · 10-03-2005, 04:34 PM

If you have problems in the future please send me a pm. I can fix it for a small amount of NP$ and some a rep pt.

10-02-2005, 11:07 PM	THREAD STARTER #1 (permalink)
Biggie_mac NamePros Member Join Date: Jun 2005 Posts: 38	small css question + 2 questions My problems is this: I want the links of my page that have been visited to have the same effect of those not visited. To be more specific: a:hover{ text-decoration: underline; color: navy} a:visited{ font: 13px arial; text-decoration: none; color: #666666} The links that were visitid by me appeared with underline so I had to put text-decoration: none to the visited type but in the same time I want the links to appear underlined when hovered. And the problem is that the links visited don't become underlined when hovered. Only the unvisited ones. Anyone following me? I really can't see any way out so pls give me a hint. Basically I want all the links to become underlined when hovered. And 2 simple questions...I remember reading somewhere that is recommended that u put a whole link as a ref instead of a direct one.Meaning to put ????: NamePros.com http://www.namepros.com/web-design-discussion/128464-small-css-question-2-questions.html <a href="www.mysite.com/page.html" instead of <a href="page.html" Is that true...does that actually help? And I've noticed that some sites have an additional "title" attribute along the alt atribute for pictures. <img border="0" alt='word' title='same word' src=... ..is that necessary? and that also some off people add class="" to the picture...although there is nothing between the comas(""). what is the point of doing that? Thanx a lot for helping me out! Cheers

10-03-2005, 06:07 AM	#3 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	thomas got everything right I think. I'll just add that according to W3C the "alt" attribute is required for every image (or non-text element) on your site for accessibility reasons. The "alt" attribute is not supposed to display a tooltip, whereas the "title" attribute is. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
The 5 questions most feared by men	Cyberian	The Break Room	0	08-25-2005 10:18 PM
CSS Question	Ben42	Programming	1	04-02-2005 01:48 PM
Newbie CSS Question; Text Width w/in Container	Phainein Terra	Web Design Discussion	4	07-27-2004 09:46 PM
Quick CSS Question	Darkfire001	Web Design Discussion	2	07-25-2004 12:07 AM
css question, blockquote/li tags	Spagman	Web Design Discussion	1	07-18-2004 01:21 AM

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

10-03-2005, 12:01 AM	#2 (permalink)
thomaslgates Account Closed Join Date: Oct 2005 Location: India Posts: 672	TO MAKE THE TEXT UNDERLINE ON MOUSEOVER: a.name:link {color: #ff0000; text-decoration: none} a.name:visited {color: #0000ff; text-decoration: none} a.name:hover {text-decoration: underline} The above code is the CSS Code for the text link. <a class="name" href="default.asp" target="_blank">Link must be placed here...</a> This is the code for placing the link. Try it in yer editor and tell me the results. I hope this will clear yer first question. SECOND QUESTION [DIRECT LINKING] I think REF linking will help you better. I use REF linking. MOST of the sites use REF linking. [IMAGE] TITLE is just a text to display in a tool tip CLASS is the class of the element. It is not a problem whether you insert them or not, your image will work properly..!

10-03-2005, 07:34 AM	#4 (permalink)
thomaslgates Account Closed Join Date: Oct 2005 Location: India Posts: 672	I never said the "alt" attribute is used for displaying a tooltip.

10-03-2005, 04:34 PM	#6 (permalink)
LeetPCUser Account Closed Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	If you have problems in the future please send me a pm. I can fix it for a small amount of NP$ and some a rep pt.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)