Sprawdzając wygląd mojego sklepu pod IE zauważyłem, że w prawym górnym rogu, na stronie wyświetlania produktów, pod linkiem do poprzedniej / następnej strony pojawiła się widoczna kropka, jak na załączonym obrazku:
http://img687.imageshack.us/img687/5140/bugcw.jpg
Pod FF jej nie widać, chociaż widzę, że ramka z produktami jest lekko przesunięta jakby ta kropka tam była. Szczerze nie wiem, jak to usunąć.
Dodam, że mam zainstalowy plugin productsInRow dostosowany do carta 3.x
Wydaje mi się, że kropka ta jest powiązana z wypunktowaniem <ul> i powinieneś dodać w stylach atrybut list-style:none; być może usunąłeś ten wpis dla elementu #products
Kel
2010-01-08 21:22
Niestety to nie to. Moje #products wygląda tak:
/* PRODUCTS LIST */ #products{float:left;width:100%;list-style:none;} #products li{float:left;width:48%;height:175px;margin:5px 5px 10px;} * html #products li{width:40%;} #products li .photo{float:left;margin:0 7px 5px 0;font-size:0px;line-height:0px;} #products li .photo img{border:2px solid #f0efcd;} #products li .photo a:hover img{border:2px solid #dcc7a7;} #products li h3{padding:5px 8px 0;background:inherit; font-weight:normal;font-size:1.5em;border:0; text-align: left;} #products li h3 a{background:inherit;color:#D89E53;text-decoration:none; } #products li h3 a:hover{color:#DDDDDD; text-decoration:none;} #products li h4{padding:2px 8px 7px;font-weight:normal;font-size:0.917em; text-align: left;} #products li h4, #products li h4 a{background:inherit;color:#DDDDDD; text-decoration:none;} #products li h4 em{padding:0 5px;} #products li h4 a:hover{background-color:inherit;color:#DDDDDD; text-decoration:underline;} #products li h5{font-size:1em;font-weight:normal; color:#A1753B;} #products li h5 a{background:inherit;color:#A1753B;} #products li .price, #products li .noPrice{float:right;margin:14px 0 5px 0;padding:6px 0 0;background-color:inherit;color:#D89E53;text-decoration:none;} #products li .price em{padding:0 4px 0 0;background:inherit;color:#A1753B;font:bold 1.083em Verdana, sans-serif;font-style:normal;} #products li .price strong, #products li .noPrice strong{font:bold 1.167em Verdana, sans-serif;} #products li .price span{padding-left:4px;font:bold 1.083em sans-serif;} #products li .basket{float:right;margin:17px 0 5px 10px;font-size:0.8em;font-weight:bold;} #products li .basket a{display:block; border:1px solid #A1753B; padding:3px 25px 3px 5px; background:url('img/cart.jpg') no-repeat right center;background-color:#180D00; color:#000000;text-decoration:none;}
