Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

web design

Posted on 2014-02-18
4
Medium Priority
?
324 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 1000 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 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 1000 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

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
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…
Suggested Courses

972 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