Entrar ¿Aún no tienes acceso?
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)
3
respuestas

no puedo mover la imagen de diferenciales queda encimada en el texto

Referente al curso HTML5 y CSS3 parte 4: Avanzando en CSS, en el capítulo Mejorando el CSS y actividad Pseudo-classes

por Rodrigo Gregorio
| 112.7k xp | 4 posts
Técnico

.banner{ width: 100%; }

.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; }

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

.mapa{ padding: 3em 0; } .mapa p{ margin: 0 0 2em; text-align: center; } .contenido-diferenciales{ width: 640px; margin: 0 auto; }

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

} .items{ line-height: 1.5; } .items:last-child{ font-weight: bold;

} .imagen-diferenciales{ width: 60%; }

.video{ width: 560px; margin: 1em auto; } el codigo en css creo que esta mal pero no encuetro la falla

3 respuestas
solución!
por Tobías Jared Guevara Prado
| 35.7k xp | 17 posts
Técnico Electrónico, mantenimiento general y preventivo

Si puedes adjuntar el codigo de html ser

por Estudiante
| 23.7k xp | 1 posts

Hola, veo que no has creado las clases de .diferenciales y .contenido-diferenciales, estos te van a permitir tener un sola section y el .contenido-diferenciales te va a permitir asignarles una anchura a bloque de lista y un margen

te adjunto un ejemplo de mi html en esa parte:

Diferenciales

                            <div class="contenido-diferenciales">
                                    <ul class="lista-diferenciales">
                                            <li class="item">Atencion personalizada a los clientes</li>
                                            <li class="item">Espacio diferenciado</li>
                                            <li class="item">Localizacion</li>
                                            <li class="item">Profesionales calificados</li>
                                            <li class="item">Puntualidad</li>
                                            <li class="item">Limpieza</li>

                                    </ul><img src="diferenciales/diferenciales.jpg" class="imagen-diferenciales">
                            </div>

y un ejemplo de mi css con esas clases:

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

}

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

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

me avisas si logras solucionar
por Rodrigo Gregorio
| 112.7k xp | 4 posts
Técnico

muchas gracias amigos por su ayuda