The browser back button works, but it's not what I want from a UX standpoint. I want to direct or guide their flow and keep the cursor in the center of the page for ease of use.
On Thu, Feb 23, 2017 at 4:58 PM, Tom Livingston <tom...@gmail.com> wrote: > Would the browser back button not be suffice? > > > > On Thu, Feb 23, 2017 at 7:27 PM Rod Castello <rodcastel...@gmail.com> > wrote: > > > Thank you Marie, I will try this out. > > > > On Thu, Feb 23, 2017 at 3:56 PM, <ma...@telenet.be> wrote: > > > > > Hi Rod, > > > > > > Use cursor:pointer; > > > Instead of "<input type=button", you can use "<button > > > onClick="history.back(-1)">Back to Product</button>" = html5 > > > > > > Regards, > > > > > > Marie > > > > > > -----Original Message----- > > > From: css-d [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of > > Rod > > > Castello > > > Sent: donderdag 23 februari 2017 23:49 > > > To: css-d@lists.css-discuss.org > > > Subject: [css-d] Using CSS to style a back button > > > > > > Hi, > > > I'm using this code to generate a button that takes my users to the > page > > > the just came from. > > > <input type="button" value="Back to Product" > onclick="history.back(-1)"/> > > > > > > It works fine, but I would like to style it and set the cursor to > "hand". > > > I'm trying to find out how to add a class or id to it, but haven't been > > > able to find anything online as of yet. > > > > > > The other way I could do it is create the button with HTML and CSS but > > > then I don't know how to add the javascript functionality to it. > > > > > > Would love a little coaching on this. > > > Here's the pages involved. Click where it says "CLICK HERE FOR > > NUTRITIONAL > > > INFORMATION" > > > http://www.lotuspetfoods.com/for-cats/canned-pate/duck-vegetables/ > > > The back button is here: > > > http://www.lotuspetfoods.com/canned-pates-nutrient-table/ > > > > > > Ideally I'd like the Nutritional Information to be on a pop up like > what > > > happens when you click on the button called "GLOSSARY". I haven't been > > able > > > to figure that one out yet. > > > > > > Thanks in advance for any help. > > > > > > -- > > > Rod Castello > > > DIGITAL DESIGN AND DEVELOPMENT > > > 818.437.7880 > > > rodcastel...@gmail.com > > > www.smashcube.com > > > ______________________________________________________________________ > > > css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/ > > > mailman/listinfo/css-d > > > List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- > > > http://css-discuss.org/policies.html > > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > > > > > > > > > > -- > > Rod Castello > > DIGITAL DESIGN AND DEVELOPMENT > > 818.437.7880 > > rodcastel...@gmail.com > > www.smashcube.com > > ______________________________________________________________________ > > css-discuss [css-d@lists.css-discuss.org] > > http://www.css-discuss.org/mailman/listinfo/css-d > > List wiki/FAQ -- http://css-discuss.incutio.com/ > > List policies -- http://css-discuss.org/policies.html > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Rod Castello DIGITAL DESIGN AND DEVELOPMENT 818.437.7880 rodcastel...@gmail.com www.smashcube.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
