Página del homenaje - Construye una página de homenaje

Español HTML-CSS
1

Tell us what’s happening:

No me valida el id=“image” Ayuda por favor!!!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Tribute page to Michael Schumacher" />
        <title id="title">Michael Schumacher</title>
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
        <header>
            <h1>The Legend of Michael Schumacher</h1>
        </header>
    <main id="main">
        <div id="image">
            <div class="block-images">
            <figure id="img-div">
                <img src="https://i.pinimg.com/originals/99/db/e4/99dbe4fc9b4d5239dbac7ceaa98fba81.jpg" alt="Michael Schumacher" id="image">
                <figcaption id="img-caption">Debuting with Ferrari ...</figcaption>
            </figure>
            <figure id="img-div">
                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Benetton_B_194_4838.JPG/1280px-Benetton_B_194_4838.JPG" alt="Benetton Ford Car" id="image">
            <figcaption id="img-caption">Benetton Ford of Schumacher in 1994 ...</figcaption>
            </figure>
            </div>
        </div>
        <div id="tribute-info">
            <!-- Contenido de #tribute-info -->
            <p id="img-caption">Michael Schumacher</p>

            <a id="tribute-link" target="_blank" href="https://es.wikipedia.org/wiki/Michael_Schumacher">Michael Schumacher - wikipedia</a>
        </div>
    </main>
</body>
</html>

/* file: styles.css */
body {
  background-color: #a5c4cd;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

header {
    background-color: #3c3c7f;
    align-items: center;
    color: antiquewhite;
    font-style: italic;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

h1 {
    text-align: center;
}

#image {
    max-width: 100%;
}

.block-images {
            display: flex;
        }
        .block-images img {
            width: 200px; /* Tamaño de la imagen */
            height: auto; /* Autoajuste de la altura */
            margin-right: 10px; /* Espacio entre imágenes */
        }

Your browser information:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 AtContent/94.5.5022.45

Challenge Information:

Página del homenaje - Construye una página de homenaje

2

Benvenuto nel forum @CD1974

Hai tre attributi id con il valore image.

Gli attributi id sono identificatori univoci, quindi puoi averne solo uno.

Buona programmazione

1 Like
3

Grazie mille, questo è stato il problema !!! Risolto :wink: