Solved

web design

Posted on 2014-02-18
4
321 Views
Last Modified: 2014-02-18
On this page
https://www.oorahauction.org/checkout.asp
I need to show 2 buttons
1 for check out - next and 1 to go back to the shopping page
I have the button tag showing in the html and css but for some reason I can't see it on the page. Any idea how to fix this problem?

here is the html code:
<div class="button-set">
                 <a href="prizes.asp">      <button class="continue yellow"  type="submit" formaction="prizes.asp">
  <span>                   Continue Shopping &gt;</span>
                    </button></a>
                    <span class="next" data-id="choose-gift" type="button">
                       
                    </span>
                </div>

the css:
.button-set.bottom-set { width: 100%; float: left; }
.button-set.bottom-set button { max-width: 222px; }

.checkout-wrapper .checkout-step.review .button-set { float: right; }
.checkout-wrapper .checkout-step.review .button-set button { float: left; width: auto; padding: 10px 15px; }
.checkout-wrapper .checkout-step.review .button-set button.continue { width: auto; border: 2px solid #dac226; background: none; max-width: 100%; }
.checkout-wrapper .checkout-step.review .button-set button.continue:hover { background: #f5f5f5; }
.checkout-wrapper .checkout-step.review .button-set button.continue span { color: #dac226; font-size: 15px;}
.checkout-wrapper .checkout-step.review .button-set button.next { width: 169px; }
0
Comment
Question by:rivkamak
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 19

Assisted Solution

by:Ken Butters
Ken Butters earned 250 total points
ID: 39867569
I see this for the continue shopping button:

     <a href="prizes.asp">      
        <button class="continue yellow"  type="submit" formaction="prizes.asp">  
          <span>                   Continue Shopping &gt;
          </span>                    
        </button></a> 

Open in new window



Are you expecting this to display something for the "next" button?
     <span class="next" data-id="choose-gift" type="button">                
      </span>             

Open in new window

0
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 250 total points
ID: 39867576
I only see one button in your html.  See my notes in the code.

<div class="button-set">
   <!-- remove a tag <a href="prizes.asp"> -->      
   <button class="continue yellow"  type="submit" formaction="prizes.asp">
          <span>Continue Shopping &gt;</span>
    </button>
    <!-- remove closing a tag </a> -->

    <!-- Below you have an empty span tag -->
    <span class="next" data-id="choose-gift" type="button"></span>
</div>

Open in new window

0
 

Author Comment

by:rivkamak
ID: 39867688
It was working in some point with the css

I put text in the html and now it shows but it's not working. how can I link it to the next div
it doesn't work now.

     <div class="button-set">
                 <a href="prizes.asp">      <button class="continue yellow"  type="submit" formaction="prizes.asp">
  <span>                   Continue Shopping &gt;</span>
                    </button></a>
                    <span class="next" data-id="choose-gift" type="button">
                       next > 
                    </span>
                </div>
0
 

Author Comment

by:rivkamak
ID: 39867896
Thank you for your help.
turned out to be a faulty js file
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses

634 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question