Workflow #3. Price is showing up at the top, not totally visible


#1

I am not getting an error message, but for some reason the price is showing up past the top of the page where the only the bottom portion is visible. It is part of a green round thumbnail of some sort. What would cause this to happen?

Relevant HTML Code:


    <h1>{{ title }}</h1>
    <h2>{{ promo }}</h2>
    <p class="title">{{ product.name }}</p>
    <p class="price">{{ "$"+product.price }}</p>
    

  </div>
</div>

MainController Code:
app.controller('MainController',
['$scope', function($scope) {
$scope.title = 'This Page Has Bugs';
$scope.promo = 'Here we go';
$scope.product = {
name: 'The Book of Trees',
price: 19
}
}]);


#2

Solved it. Went into the CSS file where there was already an entry for the price class. I eliminated the "top: -40px" and the price moved down to where it was supposed to be.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.