944,028 Members | Top Members by Rank

Ad:
Jan 12th, 2007
-1

CSS link target

Expand Post »
Hi all,

How do I make a link with the class of "externallink" open in a new window using css? Here is my current style for "externallink" class:

HTML and CSS Syntax (Toggle Plain Text)
  1. a.externallink:link {
  2. color: #FF99FF;
  3. text-decoration: none;
  4. }

Thanks!!

Max. :cheesy:
Last edited by MaxMumford; Jan 12th, 2007 at 2:05 pm. Reason: forgot to take out the test bit of the css: target: _blank - it didnt work
Similar Threads
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Jan 12th, 2007
0

Re: CSS link target

http://www.w3.org/TR/css3-hyperlinks/

god only knows which browsers are using CSS3 yet; and even then, I wouldn't rely on it working until everyone's upgraded all of their browsers.

I stick with IE6; and I have no plans to change that on dev workstations until it isn't the most common browser for users...
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Jan 12th, 2007
0

Re: CSS link target

ok thanks. ill put the code in anyway. do you know it?
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Jan 12th, 2007
0

Re: CSS link target

did you see the link in that post?

i guess it would be something like:

HTML and CSS Syntax (Toggle Plain Text)
  1. a.externallink:link {
  2. target-name: new;
  3. target-new: window;
  4. }

or (exclusive)...

HTML and CSS Syntax (Toggle Plain Text)
  1. a.externallink:link {
  2. target: new window;
  3. }

the stuff outlined at that location (http://www.w3.org/TR/css3-hyperlinks/) is a working draft... that means it isn't necessarily going to end up like that in the official CSS3 spec when it's done.

personally, i'd stick with the target='_blank' or target='<string>' method until/unless that spec is implemented in at least one popular browser...
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Jan 12th, 2007
0

Re: CSS link target

i imagine that you wouldn't need the :link psuedoclass on that selector when/if it is implemented.. so it'll just be:

a.externallink{...}
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Jan 12th, 2007
0

Re: CSS link target

ok cool thanks so if i just put

a.externallink {
target-name: new;
target-new: window;
}

will that style it for a:link a:hover a:visited and a:active? also, can i put a:externallink:link etc after it and the open in new window script and styles will work with it?


Max.
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Jan 13th, 2007
0

Re: CSS link target

Well. All style rules for the class a.externallink will be applied during the 'pseudoclass states' (a.externallink:link a.externallink:hover a.externallink:active and a.externallink:visited) unless style rules defined for those pseudoclasses overide rules defined for the class.

Putting the definition for CSS3 target properties in a pseudoclass might cause seemingly erratic behaviour; I don't know whether a:link and a:visited are mutually exclusive... if they are, and you put the definition in :link, then your links would only open in a new window the first time they are visited.

I don't know whether the :hover state is dropped when a link is clicked: If it is, and you put the link in :hover or :active; your links would only open in a new window until they are clicked... i.e. never =P
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Jan 13th, 2007
0

Re: CSS link target

lol ok to be honest ill just manually make the link's targets _blank Thanks a lot though.. learned a lot
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: cgi email
Next Thread in HTML and CSS Forum Timeline: probs Fire 2 and NOSCRIPT in FRAMES





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC