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? Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/ 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? Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516099 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). Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516154 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? Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516244 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). Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516323 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 :-\ Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516350 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. Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516437 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: ">"; } Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516582 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. Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-516937 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. Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-517706 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. Link to comment https://forums.phpfreaks.com/topic/100901-adding-a-to-links-on-hover/#findComment-521190 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.