2009-12-08 3 views
0

Toute idée de comment je peux me débarrasser des trois points qui apparaissent sur cet onglet jquery ui par défaut. Je pense que c'est quelque chose à voir avec la feuille de css, mais je ne sais pas quel élément modifier. Est-ce que quelqu'un d'autre a vu ça?jquery ui onglet avec des points

alt text

Le code (tous assez régulière)

<div id="tabs"> 
    <ul> 
     <li><a href="#info">Info</a></li> 
     <li><a href="#map">Map</a></li> 
     <li><a href="#prereg">Pre-registration</a></li> 
     <li><a href="#results">Past Results</a></li> 
    </ul> 
    <div id="info"> 
     <p>First tab is active by default:</p> 
     <pre><code>$('#example').tabs();</code></pre> 
    </div> 
    <div id="map"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div id="prereg"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div id="results"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
</div> 
+0

Vous besoin de fournir plus d'informations, telles que votre HTML et CSS complets pour cette page. Fournir un lien vers une page avec ce problème est beaucoup plus préféré. – Kenaniah

+0

Rien ici: http://jsbin.com/axuno – Kobi

Répondre

1

est facile utilisation de cette css

#tabs li{ 
list-style-type: none !important; 
} 
+3

Vous aurez besoin de l'élément ul pour le type de style de liste, pas l'élément li. –

+0

J'utilise la bibliothèque YAML pour ma mise en page, et j'ai trouvé 'list-style-type' dans le fichier content.css, mettant à jour le css de YAML corrigé le problème. Merci les gars. – emeraldjava

3

Ajouter à votre CSS:

#tabs ul { list-style: none } 

Si elle est toujours là, que ce soit trace quelle règle CSS tourne la list-style de nouveau sur, ou ajouter !important après le mot none

2

En savoir plus sur votre css serait nécessaire, mais en regardant ce que vous avez à ce jour, d'ajouter ceci à votre feuille css peut travailler:

#tabs ul{list-style-type:none;} 
Questions connexes