CSS: UL balles sont cachés

J'ai un CSS de base question.

J'ai une liste, mais je ne peux pas obtenir les balles pour le montrer ..

La seule façon que je peux obtenir à eux de montrer l'est par la mise en position de inside, mais je veux le mettre à outside comme il est.. n'importe comment beaucoup de rembourrage ou nmargin-je ajouter de la gauche, je n'arrive pas à obtenir les balles à montrer.

Voici le CSS appliqué.. j'ai appliqué à tout.. l'UL, LI, etc

list-style-image: none;
list-style-position: outside;
list-style-type: square;

Voici le code HTML

<ul class="static" style="display: block; ">
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/group-medical-plans.aspx"><span class="additional-background"><span class="menu-item-text">Group Medical Plans</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/self-funding-administration.aspx"><span class="additional-background"><span class="menu-item-text">Self-Funding Administration</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/workers-comp.aspx"><span class="additional-background"><span class="menu-item-text">Workers Comp</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/cobra-administrative-services.aspx"><span class="additional-background"><span class="menu-item-text">COBRA Administrative Services</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/medicare-plans.aspx"><span class="additional-background"><span class="menu-item-text">Medicare Plans</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/individual-family-plans.aspx"><span class="additional-background"><span class="menu-item-text">Individual-Family Plans</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/selling-area-maps.aspx"><span class="additional-background"><span class="menu-item-text">Selling Area Maps</span></span></a>
</li>
<li class="static">
<a class="static menu-item" href="/producers/products-services/Pages/provider-networks.aspx"><span class="additional-background"><span class="menu-item-text">Provider Networks</span></span></a>
</li>
</ul>

MODIFIER

D'accord, il n'est toujours pas de travail, voici mon MOINS

ul {
background-color: @color-grey-border;
width: 100%;
padding-left: 30px !important;
list-style-type: square !important;
list-style-image: none !important;
list-style-position: outside !important;
overflow-x: visible !important;
margin-left: 30px !important;
li {
padding-left: 30px !important;
list-style-type: square !important;
list-style-image: none !important;
list-style-position: outside !important;
overflow-x: visible !important;
margin-left: 30px !important;
.menu-item {
border-bottom-color: #fff !important;
padding: @base * .5 0 !important;
width: 100% !important;
}
}
}

EDIT -

Voici 4 plus de captures d'écran

http://see.weareinto.com/BtJh - http://see.weareinto.com/BtRh

http://see.weareinto.com/BsvD - http://see.weareinto.com/Bsjs

Vous devrez montrer un peu de code CSS que vous avez sur le ul/li éléments..
Avez-vous des overflow: hidden sur le ul élément?
Je ne! lemmie voir si cela résout-il // post commentaire ur comme une réponse!
La poisse! n'a pas fonctionné!, j'ai édité le post tho
Essayez d'ajouter float: none; à l'ul balise d'ouverture (voir mon dernier commentaire).

OriginalL'auteur Kirk Strobeck | 2011-11-16

css

3

Avoir ces styles devrait être suffisant:
```
ul {
list-style: square outside;
margin-left: 20px;
padding-left: 0;
}
```
comme vous pouvez le voir ici: http://jsfiddle.net/3dYKK/

Si cela ne fonctionne pas, vous devez publier plus de votre CSS ou de construire un échantillon jsfiddle page afin que nous puissions vous aider.

Edit: Voici le nouveau jsfiddle page: http://jsfiddle.net/3dYKK/3/ Il contient votre CSS et il fonctionne toujours. C'est quelque chose d'autre qui est d'influencer les styles, pas ce que vous avez posté - avez-vous une vraie page où l'on peut voir le problème?

ajout d'un edit pour le post
Pourriez-vous essayer de supprimer width: 100% de votre ul?
essayé, n'est-ce pas le travail
J'ai mis à jour la question avec des captures d'écran
Essayez de changer l'ul balisage: <ul class="static" style="display: block; float: none;">.

OriginalL'auteur deviousdodo
0

S'avère qu'il a un peu de Javascript qui a été appliquée après charge :\

Je déteste hériter de projets où les gens à résoudre les problèmes dans le mauvais sens..

OriginalL'auteur Kirk Strobeck

Vous devez vous connecter pour publier un commentaire.