Solved

web design

Posted on 2014-02-18
4
309 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
  • 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 52

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
HTML and CSS for a complex page 20 57
html coding on my Tumblr blog 1 34
css help with menu spacing 10 30
Why is this panel heading creating extra space 2 34
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

911 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now