text showing a line above CSS randomly

The texts inside buttons class keep showing a line above. How can I remove that ? An example could be the add to cart button or wish-list on the main page http://barajon.com/store/product.php?productid=17533&cat=274&page=1.

Answers


You are applying that button background image to the spans containing the text inside the button (as well as the button itself), via this set of rules:

button, button span {
    font-family: Glove;
    font-size: 16px;
    background: url(../../skin/busy-kitchen/css/../images/add2cart.png) no-repeat;
    width: 248px;
    height: 31px;
    border-radius: 8px;
    color: white;
}

Remove the background rule from this selector to remove the background image from the spans, and it should look normal. How that affects the rest of your site, I'm not sure.


if you look closely, you will see that it is in fact a box defining your button class. you need to use border : none on your button. as well, the color is not exatly matched inside and outside the button.


Need Your Help

How to stop any next JavaScript events to avoid XSS

javascript php html security xss

I'd like to show a text with HTML execution (formated) in the browser so it will be easy to read BUT without any JavaScript execution. It's a large text and it's very hard to read between HTML tags...

Triggering an event handler on an element inside iframe from parent frame

jquery iframe event-handling

I have a html page. Inside it I use jQuery to attach click event on a link. Then I use iframe to reference this html page from another page. However I could not trigger the event attached on that l...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.