2010-04-21 10 views
2

J'utilise la valeur par défaut pour jQueryUI, mais il semble que la police est un peu grande. Je sais qu'une solution serait «BIEN, JUSTE FAIRE PLUS PETIT!», Mais je me demande simplement si j'ai raté quelque chose ou si je n'ai pas une valeur correctement définie avant de commencer et de commencer à changer les choses.Police pour les onglets semble un peu trop grand

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
</script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" type="text/css" media="all" /> 
<script type="text/javascript"> 
google.load("jqueryui", "1"); 
function OnLoadCallbackUI(){ 
    $('#tabs').tabs(); 
} 
google.setOnLoadCallback(OnLoadCallbackUI); 
</script> 
</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab1</a></li> 
     <li><a href="#tabs-2">tab2</a></li> 
    </ul> 
    <div id="tabs-1"> 
     tabs-1 
    </div> 
    <div id="tabs-2"> 
     tabs-2 
    </div> 
</div> 
</body> 
</html> 

Répondre

3

La page de démonstration comprend:

 body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} 
     .demoHeaders { margin-top: 2em; } 
     #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} 
     #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} 
     ul#icons {margin: 0; padding: 0;} 
     ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} 
     ul#icons span.ui-icon {float: left; margin: 0 4px;} 
3

Ne modifiez pas le fichier CSS jQuery. Au lieu de cela, utilisez votre propre CSS pour le remplacer au besoin.

+0

Je suppose que ma question est: Pourquoi est-il si grand par défaut? Je veux dire: personne ne l'utilise comme cette taille, n'est-ce pas? Peut-être que je devrais télécharger un modèle de quelqu'un. –

Questions connexes