Me sale un error : /* a partir de acá sale un error */ main .main-input .search-icon { background-image: url(‘<a href="https://img.icons8...

David Chaparro

David Chaparro

Pregunta
studenthace 4 años

Me sale un error :

/* a partir de acá sale un error */

main .main-input .search-icon {

background-image: url(‘https://img.icons8.com/android/24/000000/search.png’);

background-repeat: no-repeat;

background-position: center;

background-size: contain;

width: 18px;

height: 18px;

}

main .main-input .micro-icon {

background-image: url(‘https://www.gstatic.com/images/branding/googlemic/2x/googlemic_color_24dp.png’);

background-repeat: no-repeat;

background-position: center;

background-size: contain;

width: 18px;

height: 18px;

cursor: pointer;

error.JPG

5 respuestas
para escribir tu comentario
    David Chaparro

    David Chaparro

    studenthace 4 años

    @edgardovs Hola. No tiene espacios, está correcto.

    Edgardo Andres Vargas Saenz

    Edgardo Andres Vargas Saenz

    studenthace 4 años

    Hola Chaparrosky en esta parte del codigo main .main-input .search-icon { } Fijate si hay un espacio, debería de ser así: main "Espacio" .main-input "Espacio" .search-icon { }**

    David Chaparro

    David Chaparro

    studenthace 4 años

    ¿cómo lo hago, intento todo y aún así no aparece centrado?

    Jesus Alvarado

    Jesus Alvarado

    studenthace 4 años

    Hola, ami me pasaba eso porque puse muy ancho el input del contenedor entonces es como un cuadro blanco que esta encima detu contenedor grande, intenta darle menos width al input type text

    David Chaparro

    David Chaparro

    studenthace 4 años

    Detalles adicionales

    <code> /* a partir de acá sale un error */ main .main-input .search-icon { background-image: url(‘https://img.icons8.com/android/24/000000/search.png’); background-repeat: no-repeat; background-position: center; background-size: contain; width: 18px; height: 18px; } main .main-input .micro-icon { background-image: url(‘https://www.gstatic.com/images/branding/googlemic/2x/googlemic_color_24dp.png’); background-repeat: no-repeat; background-position: center; background-size: contain; width: 18px; height: 18px; cursor: pointer; }
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.