Jquery Arrondi Corner & Div - Supprimer l'écart?

Quelqu'un peut-il me dire comment éliminer l'écart qui est généré dans le milieu de la div, à partir du code ci-dessous: (nom et coller test.html)Jquery Arrondi Corner & Div - Supprimer l'écart?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <script src="http://www.google.com/jsapi"></script> 
    <script>google.load("jquery", "1.2.6")</script> 
    <script src="jquery.corners.js"></script> 
</head> 
<body> 

<div id="divOuterOuter" style="width: 448px; height: 157px; padding-right: 
0px;padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;"> 

    <div style="width: 448px; height: 120px; background-color:#d1ddf1; padding-right: 
    0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 25px; padding-top: 
    0px;" 
    id="divOuter" class="rounded {20px}"> 
    </div> 
</div> 

<script>$(document).ready(function(){ 
     $('.rounded').corners(); 
     });</script> 
</body> 
</html>

Merci à l'avance!

Exemple de problème Example Problem http://image2.humyo.com/I/9176883-444407271/M2QyZmIxYThiMDVhM2NlODYwMjM4MDI2MDA0MmI5Y2I=/450/450/0/1238082866.jpg

Source

2009-03-26 JamesM

Les coins plugin (au moins celui que je trouve dans http://www.malsup.com/jquery/corner/) est invoqué avec « coin », pas « coins ».

Essayez d'utiliser ceci:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.rounded').corner(); 
    }); 
</script>

qui fonctionne bien pour moi dans IE 7 et Opera 10.

Source

2009-03-26 15:57:42 Seb

Comme vous pouvez le voir sur ma photo, le bit Corners est correct car il le fait, l'écart est le problème! mais encourage quand même Seb. – JamesM

PS - J'ai mon code d'origine à partir d'ici - Bibliothèques de jQuery.com – JamesM

oublié de lien: http://www.atblabs.com/jquery.corners.html – JamesM

Retirez la marge inférieure 25px sur la div # divOuter.

Source

2009-04-29 02:27:56

réponse et Controverse peut-être pas utile à venir:

Utilisation:

-moz-border-radius  /* for firefox */ 
-webkit-border-radius /* for webkit browsers */

Et ignorer Internet Explorer. Les coins arrondis sont des éléments visuellement délicats et généralement non fonctionnels, alors évaluez les efforts que vous voulez faire pour que cela fonctionne pour les utilisateurs d'Internet Explorer lorsque d'autres navigateurs décents le rendent si facile et fiable.

Source

2009-04-29 02:43:46 nickf

jquery.corners.js est vraiment pas beaucoup d'efforts pour obtenir l'apparence que vous voulez sur la majorité des navigateurs en cours d'utilisation –

... en supposant que vous avez déjà la bibliothèque jQuery chargé. (que je reconnais que le PO a) – nickf

Je crois que Tyler a la bonne réponse. Je voudrais juste ajouter que je développe dans FireFox pour des raisons comme celle-ci. En utilisant le Firebug add-on, il est beaucoup plus facile de tracer les problèmes CSS comme celui-ci. Vous pouvez utiliser "inspecter" et sélectionner les objets incriminés et éditer le CSS à la volée dans FireBug pour déterminer ce qui cause l'écart.

Source

2009-05-04 04:49:22 user100282

Jquery Arrondi Corner & Div - Supprimer l'écart?

Répondre

Questions connexes