| | |
CSS link target
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
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:
Thanks!!
Max. :cheesy:
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)
a.externallink:link { color: #FF99FF; text-decoration: none; }
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
Ill solve somebody's thread someday! xD
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...
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...
Plato forgot the nullahedron..
did you see the link in that post?
i guess it would be something like:
or (exclusive)...
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...
i guess it would be something like:
HTML and CSS Syntax (Toggle Plain Text)
a.externallink:link { target-name: new; target-new: window; }
or (exclusive)...
HTML and CSS Syntax (Toggle Plain Text)
a.externallink:link { target: new window; }
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...
Plato forgot the nullahedron..
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.
so if i just puta.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.
Ill solve somebody's thread someday! xD
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
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
Plato forgot the nullahedron..
![]() |
Similar Threads
- Open In New Window Php (PHP)
- Need SEO strategy after loosing with Best Metas. (Search Engine Optimization)
Other Threads in the HTML and CSS Forum
- Previous Thread: cgi email
- Next Thread: probs Fire 2 and NOSCRIPT in FRAMES
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl







Thanks a lot though.. learned a lot