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] No puedo alinear la imagen de diferenciales

Alguien me ayuda a encontrar el error por favor....este es mi código.

.principal{ background: #CCCCCC; padding: 20px; }

#banner{ width:100%; }

h1{ text-align: center; }

p{ text-align: center; }

em strong{ color:red; }

#mision{ font-size: 20px; }

.diferencial{ background: #FFFFFF; padding: 30px; width: 100%;

}

h2{ text-align: center; padding: 10px; }

.items{ font-style: italic; }

ul{ display: inline-block; vertical-align: top; width: 20%; margin-right: 15%; }

.imgdiferencial{ width: 50%; }

el index

Sobre la Barbería Alura

Ubicada en el corazón de la ciudad, la Barbería Alura trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente.

Nuestra misión es: "Proporcionar autoestima y calidad de vida a nuestros clientes".

Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes.

Diferenciales

  • Atención personalizada a los clientes
  • Espacio diferenciado
  • Localización
  • Profecionales Calificados
<img  class="imgdiferencial"  src="diferenciales.jpg">
2 respuestas
solución!

Hola!! Es importante que al momento de colocar el src=" " menciones a detalle la ubicacion de la imagen. Veo que tu error esta en que necesitas colocar primero el nombre de la carpeta o folder donde esta almacenada y luego, seguida por un "/" , colocar nombre de la imagen.

Como recomendacion, para colocar dos palabras juntas, utiliza el metodo camelCase, en donde la primera palabra la nombras en minuscula y la siguiente empieza en mayuscula. "imgDiferenciales"

Siguiendo todos estos pasos, deberia quedar asi:

<img src="diferenciales/diferenciales.jpg" class="imgDiferenciales">

Espero haberte ayudado.

Gracias Freddy por tu ayuda. Saludos!