2010-06-15 6 views
2

J'ai donc téléchargé un thème de l'interface utilisateur jQuery et le lier, mais il ne ressemble en rien à eux sur le site. Les boutons sont énormes et le texte aussi.jQuery Thèmes de l'interface utilisateur

<link rel="stylesheet" type="text/css" href="/css/trontastic/jquery-ui-1.8.2.custom.css"> 
$('#Delete').dialog({ 
       modal: true, 
       autoOpen: false, 
       title: "Delete?", 
       buttons: { 
        "Yes": function(){ 
         $(this).dialog('close'); 
         $('li#'+$id).remove(); 
         $('.nav').sortUpdate(); 
        }, 
        "No":function(){ 
         $(this).dialog('close'); 
        } 
       }, 
       draggable: false, 
       resizable: false 
    }); 

Suis-je manque quelque chose ou est-il de plus que css je dois handcode? Merci

Répondre

2

Les tailles de police dans les thèmes jQuery sont toutes des tailles relatives utilisant l'échelle em. Commencez par définir la taille de police dans la balise body, le thème fonctionnera à partir de cela.

Toutes les démos jQuery utilisent:

body { 
    font-size: 62.5%; 
} 

Comme dans le fichier css de démonstration jQuery à l'adresse: http://jqueryui.com/demos/demos.css

OU Essayez de régler comme ceci:

<body style="font-size:72%;"> 
... etc ... 
</body> 
1

Téléchargez le plugin Firebug pour Firefox. Puis faites un clic droit sur l'élément qui semble drôle et cliquez sur "Inspecter l'élément" pour voir d'où viennent les styles. (Pour plus d'informations, cochez http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/)

Il est possible que votre CSS ne soit pas lié correctement (ce n'est pas un lien relatif) - Le dossier css se trouve-t-il à la racine?

Questions connexes