CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Need replace prev & next anchor with image
shaifshahin
Permalink to comment
#
April 2012
http://carolinekeyzormirror.dreamhosters.com/portfolio-items/london-evening-standard-british-airways/
In this page, here two button prev & next text showing, But I want to replace it with left & right arrow image.
Can anyone help me?
Senff
Permalink to comment
#
April 2012
How about changing the text "Prev" and "Next" with actual IMG elements....?
shaifshahin
Permalink to comment
#
April 2012
I want to make my page like this image
http://dl.dropbox.com/u/16583931/new portfolio2.jpg
replace "Prev" and "Next" with blue arrow
knittingfrenzy18
Permalink to comment
#
April 2012
If you have access to the HTML, go ahead and replace the anchor link text with an
<img>
.
Senff
Permalink to comment
#
April 2012
Like I said, replace the words "Prev" and "Next" with IMG elements, where the images are the arrows you want.
wolfcry911
Permalink to comment
#
April 2012
I agree with the others, but be sure to use Previous and Next in the alt attributes.
shaifshahin
Permalink to comment
#
April 2012
i could not find this code, this is generated from jCarousel -JavaScript file
kgscott284
Permalink to comment
#
April 2012
Then perhaps view the source of it live and if they have classes, simply hide them with CSS and replace them with images using the
background
property...
mallik
Permalink to comment
#
April 2012
Already you are having the class ".prev" and ".next" you can have background image for those classes .
Add a Comment
In this page, here two button prev & next text showing, But I want to replace it with left & right arrow image.
Can anyone help me?
http://dl.dropbox.com/u/16583931/new portfolio2.jpg
replace "Prev" and "Next" with blue arrow
backgroundproperty...