Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

CSS buttons zien er raar uit. 
 
Robboooo
Jr. Member
 
Total Posts:  9
Joined:  2010-11-24
 

Hoi!

Heb de HelloWired Template gebruikt voor een shop.
De buttons waren in IE prima. Een dingetje was de ‘alles toevoegen aan winkelwagen’ bij de wishlist ronde aan de rechterkant niet goed af.

Vervolgens heb ik de optie toegevoegd dat je de prijzen kan weghalen.

http://www.magentocommerce.com/wiki/5_-_modules_and_development/price_on_application

Daarna zien de buttons in IE er zo uit (zie bijlage). In FF ziet het er wel goed uit, behalve dan die afronding van die ene button.

Hoe kan dit? En hoe verhelp ik het? Zit al te kijken in de styles-ie van de geïnstalleerde template maar ik heb geen flauw idee....

---------------------------------------------------------------
/* IE 6 only */
* html .validation-advice { height:13px; }
* html .main { height:350px; }
* html .account-login .content { height:200px; }
.block li.item,
.block-poll li,
.opc li.section { vertical-align:top; }

* html button.button span { background-image:url(../images/bkg_btn.png); }
* html .form-search button.button span,
* html .block button.button span,
* html .product-view .box-tags .form-add button.button span,
* html .footer .form-subscribe button.button span { background-image:url(../images/bkg_btn-small.gif); }
* html #nav li.parent a { background: url(../images/background/menu_bullet_ie6.gif) no-repeat 90% 50%; }
* html #nav li.parent a:hover { background: url(../images/background/menu_bullet_ie6.gif) no-repeat 90% 50%; }

* html .footer { padding: 30px 0px 30px 10px; }
* html .footer .footer-block { margin-left: 10px; display:inline; }
* html .copyright .f-right { margin-top: 12px; }
* html button.button span { position:relative; color: #fff; }
* html button.button span { background:url("../images/bkg_btn.png") no-repeat scroll 0 0 transparent;}
* html button.button span span {background-position:100% 0;padding:0 15px 0 9px;}

/* Doubled Margin Fixes */
.product-view .product-img-box .more-views li,
.product-view .box-tags .form-add .input-box,
.sp-methods select.month,
.footer .form-subscribe .input-box, .footer .footer-block,
.wired-home .promo { display:inline; }

.copyright .f-right img { margin-top: -3px;padding:0px !important;}
/********** < Navigation styles */
#nav li,
#nav li a { zoom:1; }
#nav li { vertical-align:top; }
/* Show Menu */
#nav li.over ul.shown-sub { left:0; }
#leftnav li.over ul.shown-sub { left:100px; }
#nav li.over li ul.shown-sub { left:100px; }
#nav li.parent ul li a { background-image: none !important; }

.access { width: 600px; }
.access ul {}
.access ul li { display:inline;float:left; }

/********** < Navigation styles */

select { margin-bottom:1px; }
input.radio { width:13px; height:13px; }
input.checkbox { width:13px; height:13px; }
button.button { height:28px; }
button.button span { position:relative; color: #fff; }
button.btn-checkout { height:28px; }
.form-list label { position:relative; z-index:0; }
.form-list label.required em { position:absolute; top:0; right:-8px; }
.form-list .input-box input.input-text { float:left; }

.form-search button.button,
.block button.button,
.product-view .box-tags .form-add button.button,
.footer .form-subscribe button.button { height:23px; }

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { height:19px; }

table { face-color:[removed]runtimeStyle.scrollbarFaceColor = ‘#fff’, cellSpacing = 0); }

.product-view .product-img-box .zoom.disabled { filter:alpha(opacity=30); }

.gift-messages-form { position:relative; zoom:1; }

.tool-tip .btn-close a { margin:0; }
.footer .footer-block { display: inline; margin-left: 25px; }

.product-view .box-tags .product-tags li { padding:0 4px 0 7px; }
.footer li {}

/* Clearer */
.clearer { display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
---------------------------------------------------------------------------------------------------------------------------------

Image Attachments
wishlist.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
Robboooo
Jr. Member
 
Total Posts:  9
Joined:  2010-11-24
 

In FF ziet het er zo uit. Een stuk netter als je naar de buttons kijkt.

Image Attachments
wishlist FF.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
Robboooo
Jr. Member
 
Total Posts:  9
Joined:  2010-11-24
 

Gelukt!! Gewoon de png\’s wat aangepast en toen werkte het prima! Ook in FF

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top