Styles2304 Posted April 13, 2008 Share Posted April 13, 2008 I've searched for this but I don't really know what to search for so it wasn't very fruitful What's the CSS code to add the ">" when you have over a link? Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted April 13, 2008 Share Posted April 13, 2008 You don't provide enough information. Is the ">" suppose to be text or is it suppose to be a background image? Do you want a list of links? Or just one link? Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted April 13, 2008 Share Posted April 13, 2008 What you are looking for isn't done with css. All css can do is change the "STYLE" of a hover to be different from the non-hover state's style (background image/color, borders size/color, font size/color/family/weight/italics/underline/etc). CSS cannot add new html or new text to the markup. CSS isn't a coding "language", it is merely the way to style elements without doing it in the body markup (as recommended in the html 4.01 spec). Quote Link to comment Share on other sites More sharing options...
Styles2304 Posted April 13, 2008 Author Share Posted April 13, 2008 It should have been "hover over a link" but if it's not CSS . . . it would have been helpful to be pointed in the right direction. But uh . . .yeah, it can: a:hover:before { content: "\003E \0020"; } Check it out. Doesn't work in IE though . . . any suggestions? Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted April 13, 2008 Share Posted April 13, 2008 CSS cannot add new html or new text to the markup. CSS isn't a coding "language Okay, let me rephrase that: CSS isn't a coding "language". And except for a few very limited pseudo elements, that are not supported by IE, should not be considered a means to add dynamic content to markup. The pseudo elements before and after are something I would neither have suggested nor ever mentioned to someone as being viable "dynamic content" input. Mostly, but not limited to, because NO IE supports it. The same way I never recommend anyone use XHTML - because of browser mime-type issues. What you want CAN be done with javascript (I personally steer clear of javascript, so you should try the javascript threads - next thread down from CSS). Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted April 13, 2008 Share Posted April 13, 2008 Instead of debating over such childish things... Why don't you explain what type of link you are trying to do? If it is a navigational menu link or a list of links <ul><li> ... then it can be done w/ css. I need you to EXPLAIN :-\ Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted April 14, 2008 Share Posted April 14, 2008 No debating going on. He said what he wants "hover over a link". He simply wants a "greater than" symbol (which also looks like an arrow) to appear "OnHover" over a link. Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted April 14, 2008 Share Posted April 14, 2008 this doesn't work cross browser... a:hover:before { content: ">"; } Quote Link to comment Share on other sites More sharing options...
bronzemonkey Posted April 14, 2008 Share Posted April 14, 2008 Doesn't work in IE though . . . any suggestions? It doesn't work in IE because it isn't supported. There is nothing wrong with using css that doesn't work in IE if it is just for minor decorative details - :after and :before are good examples and sometimes used to insert a middle dot between links or quotation marks around a quote. However, sounds like you need to use a background image rather than insert markup on hover. Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted April 15, 2008 Share Posted April 15, 2008 However, sounds like you need to use a background image rather than insert markup on hover. That, of course, is the best "CSS" solution. But,as you asked: It should have been "hover over a link" but if it's not CSS . . . it would have been helpful to be pointed in the right direction. I pointed you to the non-css solution. Quote Link to comment Share on other sites More sharing options...
Styles2304 Posted April 19, 2008 Author Share Posted April 19, 2008 I appreciate the few of you that were helpful . . . thanks. I ended up going with the the background image and background-position trick. Thanks again. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.