Deshacerse del disco en el artículo de la lista -- javascript campo con jquery campo con html campo con css campo con html-lists camp Relacionados El problema

Getting rid of disc in list item


0
vote

problema

Español

Estoy desarrollando un sitio usando jquery, y jquery ui Tabs. Por alguna razón, mis pestañas (lista desordenada) están mostrando sus balas en todos los navegadores (probados hasta ahora), excepto Firefox 3 en OS X. Se muestra en Safari OS X, FF 3 Windows, y Google Chrome Windows (es decir, muestra todos los Divs en una gran pila en la esquina ... pero esa es otra historia).

OK, en la carne real de la misma. Parece que he aplicado el tipo de estilo de lista: Ninguno en todas partes puedo y parece que no puedo deshacerse de ellos. Aquí está lo que Firebug informa sobre un elemento LI con una bala rogue:

  font-family "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif font-size   12px font-weight bold  font-style  normal color   #000000 text-transform  none text-decoration none letter-spacing  normal word-spacing    normal line-height 14.4px text-align  center vertical-align  baseline direction   ltr Background background-color    transparent background-image    url(http://agrifuels-dev/media/css/tab.png) background-repeat   no-repeat   background-position 0 -50px background-attachment   scroll opacity 1 Box Model width   64px height  18px top auto right   auto bottom  auto left    auto margin-top  0 margin-right    0 margin-bottom   0 margin-left 0 padding-top 6px padding-right   0 padding-bottom  1px padding-left    10px border-top-width    0 border-right-width  0 border-bottom-width 0 border-left-width   0 border-top-color    #000000 border-right-color  #000000 border-bottom-color #000000 border-left-color   #000000 border-top-style    none border-right-style  none border-bottom-style none border-left-style   none Layout position    static display block visibility  visible z-index auto overflow-x  visible overflow-y  visible white-space nowrap clip    auto float   none clear   none -moz-box-sizing content-box Other cursor  text list-style-image    none list-style-position outside list-style-type disc marker-offset   auto 0 86 offset margin 0 0 0 1 border 0 0 0 0 padding 0 0 0 0 84 x 25  clientLeft  0 clientTop   0 contentEditable   "inherit" type   "" value   -1 getBoundingClientRect  getBoundingClientRect() getClientRects  getClientRects() getElementsByClassName  getElementsByClassName() scrollIntoView  scrollIntoView() attributes  NamedNodeMap baseURI   "http://agrifuels-dev/qcs/management_responsibility#" childNodes  [a management...fragment-2] className   "" clientHeight  25 clientWidth   84 dir   "" firstChild   a management...fragment-2 id    "" innerHTML    "<a href="#fragment-2"><span>Closed</span></a>" lang    "" lastChild    a management...fragment-2 localName   "LI" namespaceURI    null nextSibling    "  " nodeName    "LI" nodeType  1 nodeValue   null offsetHeight   25 offsetLeft   86 offsetParent   div.tab_container offsetTop    0 offsetWidth   84 ownerDocument   Document management_responsibility# parentNode   ul.policy_page_tabs prefix    null previousSibling    "  " scrollHeight    25 scrollLeft    0 scrollTop    0 scrollWidth    84 spellcheck    false style    CSSStyleDeclaration tabIndex    -1 tagName    "LI" textContent     "Closed" title    ""   

El list-style-type: disc parece provenir de "html.css", que no es parte de mi proyecto. ¿Esa tal vez una página CSS del navegador o algo así?

Original en ingles

I'm developing a site using jQuery, and jQuery UI tabs. For some reason, my tabs (unordered list) are showing their bullets in all browsers (tested thus far) except Firefox 3 on OS X. It displays them in Safari OS X, FF 3 Windows, and Google Chrome Windows (IE displays all the divs in a big stack in the corner... but that's another story).

Ok, on to the actual meat of it. It appears I've applied list-style-type: none everywhere I can and can't seem to get rid of them. Here is what firebug reports about an li element with a rogue bullet:

font-family "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif font-size   12px font-weight bold  font-style  normal color   #000000 text-transform  none text-decoration none letter-spacing  normal word-spacing    normal line-height 14.4px text-align  center vertical-align  baseline direction   ltr Background background-color    transparent background-image    url(http://agrifuels-dev/media/css/tab.png) background-repeat   no-repeat   background-position 0 -50px background-attachment   scroll opacity 1 Box Model width   64px height  18px top auto right   auto bottom  auto left    auto margin-top  0 margin-right    0 margin-bottom   0 margin-left 0 padding-top 6px padding-right   0 padding-bottom  1px padding-left    10px border-top-width    0 border-right-width  0 border-bottom-width 0 border-left-width   0 border-top-color    #000000 border-right-color  #000000 border-bottom-color #000000 border-left-color   #000000 border-top-style    none border-right-style  none border-bottom-style none border-left-style   none Layout position    static display block visibility  visible z-index auto overflow-x  visible overflow-y  visible white-space nowrap clip    auto float   none clear   none -moz-box-sizing content-box Other cursor  text list-style-image    none list-style-position outside list-style-type disc marker-offset   auto 0 86 offset margin 0 0 0 1 border 0 0 0 0 padding 0 0 0 0 84 x 25  clientLeft  0 clientTop   0 contentEditable   "inherit" type   "" value   -1 getBoundingClientRect  getBoundingClientRect() getClientRects  getClientRects() getElementsByClassName  getElementsByClassName() scrollIntoView  scrollIntoView() attributes  NamedNodeMap baseURI   "http://agrifuels-dev/qcs/management_responsibility#" childNodes  [a management...fragment-2] className   "" clientHeight  25 clientWidth   84 dir   "" firstChild   a management...fragment-2 id    "" innerHTML    "<a href="#fragment-2"><span>Closed</span></a>" lang    "" lastChild    a management...fragment-2 localName   "LI" namespaceURI    null nextSibling    "  " nodeName    "LI" nodeType  1 nodeValue   null offsetHeight   25 offsetLeft   86 offsetParent   div.tab_container offsetTop    0 offsetWidth   84 ownerDocument   Document management_responsibility# parentNode   ul.policy_page_tabs prefix    null previousSibling    "  " scrollHeight    25 scrollLeft    0 scrollTop    0 scrollWidth    84 spellcheck    false style    CSSStyleDeclaration tabIndex    -1 tagName    "LI" textContent     "Closed" title    "" 

The list-style-type: disc seems to be coming from "html.css", which isn't part of my project. Is that maybe a css page from the browser or something?

</div
              

Lista de respuestas

4
 
vote
vote
La mejor respuesta
 

¿Ha agregado el estilo de lista: ninguno a la etiqueta OL / UL que contiene la etiqueta LI? A veces, los navegadores requieren que se coloque el atributo de estilo de lista en la lista en lugar de un elemento de la lista individual.

 

Have you added the list-style:none to the ol/ul tag containing the li tag? Sometimes, browsers require the list-style attribute to be placed on the list rather than an individual list element.

</div
 
 

Relacionados problema

1  WordPress Página, Categorías y Archivos Artículo actual  ( Wordpress single page categories and archives menu current item ) 
No puedo obtener mi cabeza alrededor de cómo hacer lo siguiente. en mi sitio web tengo un menú: home | Acerca de | Habilidades | Portafolio | Contacto ...

1  Mostrar - Imagen lateral de texto con div adentro en <li>  ( Display text side image with div inside on li ) 
Tengo la siguiente situación (expreso imágenes): 1ª situación: en la imagen a continuación tiene un pequeño texto, y ya cumple con el primer problema. El bo...

0  Obtenga el etiquetado / valor de los padres en la selección de la casilla de verificación de los elementos del niño LI  ( Get parent child label value upon checkbox selection of child li elements ) 
Estoy tratando de obtener el valor de las etiquetas LVL1 y LVL2 LI después de la selección de la casilla de verificación de su hijo respectivo Li. <ul clas...

0  ¿Cómo puedo alinear las etiquetas <li> centradas dentro de una mesa?  ( How can i align centered li tags within a table ) 
Necesito alinear el texto usando Li en una mesa centrada para que los puntos de la bala se alineen entre sí. ¿Cómo puedo hacer esto? <tr> <...

0  Deshacerse del disco en el artículo de la lista  ( Getting rid of disc in list item ) 
Estoy desarrollando un sitio usando jquery, y jquery ui Tabs. Por alguna razón, mis pestañas (lista desordenada) están mostrando sus balas en todos los navega...

0  Right alinee algún texto en una lista ordenada CSS  ( Right align some text in a css ordered list ) 
Estoy tratando de crear una lista numerada de cuerdas donde necesito agregar algún valor al final de la cadena flotada a la derecha. Encontré la siguiente pre...

7  ul sin margen en el primer nivel de lista anidada?  ( Ul no margin on first level of nested list ) 
Quiero una lista de estilo que no tenga un margen izquierdo en el primer nivel. Pero hace en los sublistas subsiguientes, nivelados. ¿Alguien sabe cómo hacerl...

2  No se puede tener un ul dentro de un OL en HTML  ( Can not have an ul inside an ol in html ) 
Obtengo el siguiente error de validación cuando probé mi HTML. Mire la imagen adjunta para el código HTML. "Elemento ul no permitido como hijo del elemen...

6  ¿Cómo puedo ocultar elementos en mi lista y agregar una característica 'Mostrar más'?  ( How can i hide elements in my list and add a show more feature ) 
Estoy usando JavaScript para construir una lista de resultados. Tengo un bucle para un bucle que iere sobre algunos datos y crea un myData DIV, y agrega eso a...

1  Usando CSS para formatear las etiquetas Li dentro de las etiquetas OL  ( Using css to format li tags within ol tags ) 
Quiero escribir una hoja de estilo que hará que los elementos de LI dentro de cualquier elemento OL sean numerados en un estilo de esquema: Los elementos de...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos