Foros del Web » Creando para Internet » CSS »

eliminar viñetas

Estas en el tema de eliminar viñetas en el foro de CSS en Foros del Web. Amigos, no logro quitar los punto rojos.....¿alguien puede ayudarme a que encaje con la plantilla? ver web...
  #1 (permalink)  
Antiguo 15/08/2014, 21:58
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
eliminar viñetas

Amigos, no logro quitar los punto rojos.....¿alguien puede ayudarme a que encaje con la plantilla?

ver web
  #2 (permalink)  
Antiguo 15/08/2014, 22:24
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: eliminar viñetas

te recomiendo que uses firebug para inspeccionar el código y que lo valides en el w3c, te vas a ahorrar dolores de cabeza.

tu código html está mal formado, tienes
Código HTML:
Ver original
  1. <li class="categories"><ul>
cuando debería de ser
Código HTML:
Ver original
  1. <ul class="categories">
y lo mismo en el cierre, </ul> en vez de </ul></li>
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 16/08/2014, 06:05
Avatar de AitorDB  
Fecha de Ingreso: agosto-2014
Ubicación: Cádiz, España
Mensajes: 52
Antigüedad: 10 años, 3 meses
Puntos: 5
Respuesta: eliminar viñetas

Es justo lo que te ha dicho webosiris, te dejo el código cambiado al completo:

Código HTML:
Ver original
  1. <ul class="categories">
  2.     <li class="cat-item cat-item-7"><a href="http://dcristo.org/?cat=7">Apocalípticas</a> (18)
  3. </li>
  4.     <li class="cat-item cat-item-59"><a href="http://dcristo.org/?cat=59">Apostasía</a> (7)
  5. </li>
  6.     <li class="cat-item cat-item-80"><a href="http://dcristo.org/?cat=80">Ciencia</a> (8)
  7. </li>
  8.     <li class="cat-item cat-item-10"><a href="http://dcristo.org/?cat=10">Comedias</a> (7)
  9. </li>
  10.     <li class="cat-item cat-item-81"><a href="http://dcristo.org/?cat=81">Cortos</a> (6)
  11. </li>
  12.     <li class="cat-item cat-item-19"><a href="http://dcristo.org/?cat=19">Documentales</a> (27)
  13. </li>
  14.     <li class="cat-item cat-item-9"><a href="http://dcristo.org/?cat=9">Dramas</a> (56)
  15. </li>
  16.     <li class="cat-item cat-item-12"><a href="http://dcristo.org/?cat=12">Epicas</a> (27)
  17. </li>
  18.     <li class="cat-item cat-item-3"><a href="http://dcristo.org/?cat=3">Evangelísticas</a> (27)
  19. </li>
  20.     <li class="cat-item cat-item-13"><a href="http://dcristo.org/?cat=13">Grandes Hombres</a> (21)
  21. </li>
  22.     <li class="cat-item cat-item-8"><a href="http://dcristo.org/?cat=8">Judías / Nacismo</a> (18)
  23. </li>
  24.     <li class="cat-item cat-item-5"><a href="http://dcristo.org/?cat=5">Juveniles</a> (37)
  25. </li>
  26.     <li class="cat-item cat-item-4"><a href="http://dcristo.org/?cat=4">Matrimonios</a> (12)
  27. </li>
  28.     <li class="cat-item cat-item-6"><a href="http://dcristo.org/?cat=6">Misioneras</a> (5)
  29. </li>
  30.     <li class="cat-item cat-item-11"><a href="http://dcristo.org/?cat=11">Pastoral</a> (4)
  31. </li>
  32.     <li class="cat-item cat-item-31"><a href="http://dcristo.org/?cat=31">Persecuciones</a> (3)
  33. </li>
  34.     <li class="cat-item cat-item-18"><a href="http://dcristo.org/?cat=18">Religiones / Sectas</a> (16)
  35. </li>
  36.     <li class="cat-item cat-item-17"><a href="http://dcristo.org/?cat=17">Triller</a> (11)
  37. </li>
  38.     <li class="cat-item cat-item-14"><a href="http://dcristo.org/?cat=14">Vida Cristiana</a> (21)
  39. </li>
  40. </ul>

PD: Cuando usas <li> no hace falta cerrarlo </li>

Lo puedes dejar asi:

Código HTML:
Ver original
  1. <ul>
  2.      <li>Punto uno
  3.      <li>Punto dos
  4. </ul>
  #4 (permalink)  
Antiguo 16/08/2014, 06:21
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 8 meses
Puntos: 17
Respuesta: eliminar viñetas

Si quieres que se vea asi

debes cerrar antes el li que te indico webosiris

si no quieres los circulos rojos, quita ese li y listo

siempre, los li deben estar dentro de un <ol></ol> o un <ul></ul> que son listas ordenadas (1,2,3,4,5....etc) o listas Desordenadas (la viñeta puede ser un circulo, un cuadrado, ina imagen, etc.)

exito


Cito:
Cita:
PD: Cuando usas <li> no hace falta cerrarlo </li>

Lo puedes dejar asi:

Código HTML:
Ver original
  1. <ul>
  2.      <li>Punto uno
  3.      <li>Punto dos
  4. </ul>
Difiero
ya que en teoria lo que generas ahi es un elemento de la lista anidado a otro sin cerrar, eso desde mi punto de vista esta mal, y si llegara a funcionar, solo genera malas practicas
  #5 (permalink)  
Antiguo 16/08/2014, 07:56
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
Respuesta: eliminar viñetas

El problema que tengo es que no sé dónde exactamente colocar los UL o LI ya que es un código PHP.......este es mi código.

Código PHP:
<aside id="categories" class="dbx-box suf-widget widget_categories">
<div class="dbx-content">   

<?php 
        
if (is_category('Películas')) { 
    
wp_list_categories('title_li=<h3 class="dbx-handle plain">Categorías</h3>&child_of=35&show_count=1'); 
    } 

elseif (
is_category('Prédicas')) { 
    
wp_list_categories('title_li=<h3 class="dbx-handle plain">Categorías</h3>&child_of=22&show_count=1'); 
    } 
?>

    </div>
</aside>
  #6 (permalink)  
Antiguo 16/08/2014, 10:08
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: eliminar viñetas

ponlo así:
Código PHP:
Ver original
  1. <aside id="categories" class="dbx-box suf-widget widget_categories">
  2. <div class="dbx-content">
  3. <h3 class="dbx-handle plain">Categorías</h3>
  4. <ul>
  5.  
  6. <?php
  7.  
  8. if (is_category('Películas')) {
  9.     wp_list_categories('title_li=&child_of=35&show_count=1');
  10.     }
  11.  
  12. elseif (is_category('Prédicas')) {
  13.     wp_list_categories('title_li=&child_of=22&show_count=1');
  14.     }
  15. ?>
  16. </ul>
  17. </div>
  18. </aside>
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 16/08/2014, 16:24
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
Respuesta: eliminar viñetas

Muchas gracias Webosiris, ya casi está, solamente falta corregir esos detalles que puse en el foro de Wordpress... sobre la viñeta negra y el espacio arriba y abajo......
  #8 (permalink)  
Antiguo 16/08/2014, 16:35
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: eliminar viñetas

Cita:
Iniciado por el_tigre Ver Mensaje
Muchas gracias Webosiris, ya casi está, solamente falta corregir esos detalles que puse en el foro de Wordpress... sobre la viñeta negra y el espacio arriba y abajo......
con el código que te puse en mi último mensaje no debería de aparecer la viñeta negra.

Por favor, sigue la sugerencia que te di en mi primer mensaje y usa firebug para analizar el código de tu web. En la versión actual te vas a dar cuenta que todavía hay un LI que se abre antes que un UL. Con firebug también puedes analizar que elementos te están aplicando esos márgenes que no querés.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #9 (permalink)  
Antiguo 16/08/2014, 22:30
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
Respuesta: eliminar viñetas

Muchas gracias WEbosiris, revisé tu código cambiando de sitio y funcionó a la perfección, el problema que tenía también era el no poder ver los detalles del código, osea en el PHP se ve directo las clases pero no veía el UL ni el LI, pero ya quedó perfecto, muchas gracias nuevamente.

Etiquetas: viñetas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:44.