Buonasera,
vorrei chiedervi se è possibile risolvere il problema che riguarda il border-radius in questo screenshot
Usando il border-radius e relativi -moz -webkit, sul div contentente il prezzo, sul bordo si intravede l'immagine sottostante. Come posso risolvere??
sposta leggermente il div contenente il prezzo.
Ho gia provato a spostarlo ma forse c'è un modo differente
posto il codice html per essere più chiaro
e il css relativocodice:<div class="boxoneimage borderradius_asym"> [img]img/products/22_nullaporta.jpg> <span class=[/img]
codice:.boxoneimage img { height: 100%; width: 100%; } .borderradius_asym { border-radius: 10px 3px 10px 3px; } .price { background: url("../img/bgwooddarkgrey.jpg") repeat scroll 0 0 border-box transparent; border-radius: 10px 0 0 0; bottom: 0; color: #F0A23D; font-family: 'AveriaSerifRegular'; font-size: 23px; margin: 0 -2px -2px 0; padding-left: 5px; padding-right: 4px; position: absolute; right: 0; text-align: right; }
aggiungi display:block a .price
(la prossima volta non postare il codice tutto in linea, è di difficile lettura)
niente da fare... grazie cmq dell'aiuto che stai provando a darmi
posto il sito cosi facciamo prima nearweb.altervista.org
il problema è l'overflow:hidden di .boxoneimage
niente da fare!! se lascio l'angolo bottom-right a 0 allora tutto funziona ma se invece conservo l'arrotondamento allora rimane di un altro colore
hai capito cosa ti ho scritto nell'ultimo post?
penso di si... ho tolto overflow:hidden da quella classe!! sbaglio??
sì infatti, adesso se sposti di qualche pixel l'oggetto in questione le cose funzionano, anche se metti il border-radius a 10px ovunque. Basti che metti bottom:-1px e sei a posto.
Permessi di invio
Rispondi quotando