Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Duda sobre pseudo elementos en "lista-diferenciales"

Hola, los items de mi lista de diferenciales se muestra con puntos y cuando agrego el unicode de "estrella", la misma se agrega, pero el punto persiste. No me doy cuenta por que luce asi. Ademas, la imagen no de los diferenciales no se ubica al lado de los items de mi lista, sino que queda debajo.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Comparto mi codigo:

/Aqui inicia el CCS para nuestra home/

.banner{ width: 100%;

}

.principal{ padding: 3em 0; background: #fefefe; width: 940px; margin: 0 auto;

}

.titulo-principal{ text-align: center; font-size: 2em; margin: 0 0 1em; clear: left;

}

.principal p{ margin: 0 0 1em; }

.principal strong{ font-weight: bold;

}

.principal em{ font-style: italic;

}

.utensillos{ width: 120px; float: left; margin: 0 20px 20px 0;

}

.mapa{ padding: 3em 0; background: linear-gradient(#fefefe,#888888); }

.mapa p{ margin: 0 0 2em; text-align: center;

}

.mapa-contenido{ width: 940px; margin: 0 auto; }

.diferenciales{ padding: 3em 0; background: #888888;

}

.contenido-diferenciales{ width: 640px; margin: 0 auto; }

.lista-diferenciales{ width: 40%; display: inline-block; vertical-align: top; }

.items{ line-height: 1.5; }

.items:before{ content:"★"; }

.items:first-child{ font-weight: bold; }

.imagen-diferenciales{ width: 60%; }

.video{ width: 560px; margin: 1em auto; }

gracias!!!

2 respuestas
solución!

Hola Alumno, espero que estés bien.

Es un poco difícil analizar errores sin el código completo, para que se vea como código en el foro, hay que hacer clic en </> y luego pegar tu código dentro de las tildes invertidas que te van a aparecer.

Los puntos puedes que consiga borrar añadiendo la propiedad list-style-type: none; en .lista-diferenciales, que por defecto se queda list-style-type: disc;, imprimiendo los puntos.

Copia y cola los códigos aquí, para que o pueda analizarlo y buscar las mejores soluciones para ti.

¡Saludos!

Muchas gracias Priscila, funciono perfecto!