Solved

web design

Posted on 2014-02-18
4
314 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
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…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

830 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