Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I’m trying to run the tests, but when I click the run button, nothing happens. Any ideas?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meat charset="utf-8">
    <meta name="viewport" content="width=device-width"> 
    <title> Eiichiro Oda </title>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body background="https://static.animecorner.me/2023/03/one-piece-wano-visual.jpg">
      <main id="main">
        <h1 id="title"> Eiichiro Oda </h1>
        <div id="img-div">
          <img id="image" src="https://cdn.myanimelist.net/images/voiceactors/2/74096.jpg">
          <figcaption id="img-caption"> The one true anime legend.
            </figcaption> 
            </div> 
            <div class="tribute-info" id="tribute-info"> Brief intro about Oda: 
              </div>
              <div>
              <ul> 
                <li> born in <strong> 1975</strong>
                <li> Japanese anime artist</li>
                <li> created the best anime of all time <strong> One Piece</strong> </li>
                <li> sold more than 520 million copies worldwide</li>
                <li><strong>One piece</strong> is considered to be the best selling manga of all time</li> 
                <li> He is very well knwon for his great forshadowing and story telling </li>
                </ul>
                </div> 
<a id="tribute-link" target="_blank" ></a>
<div>
  This man right here created the best and most thought out story of all time and needs to get the recognistion he deserves. 
  </div>
  </main>
  </body>
  </html>


/* file: styles.css */
img {
  display: block;
  max-width: 100%;
  min-width: 25%;
height: auto;
padding-left: auto;
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
}

body {
  font-family: arial;
  color: black;
  font-size: 20px;
}
 
.tribute-info {
  padding-top: 15px;
  border: solid;
  border-color: #3f3f;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

If clicking the “run” button does nothing, there are a few things you can try:

  1. Check the Console: Open the browser’s developer console (usually by right-clicking on the page, selecting “Inspect”, and then going to the “Console” tab) to see if there are any error messages. Errors in the console may provide clues about what’s preventing the tests from running.

  2. Inspect the Code: Review the code for any syntax errors or issues that could be preventing the tests from running properly. Look for missing closing tags, incorrect function names, or other mistakes.

  3. Clear Cache and Cookies: Sometimes, cached data or cookies can cause issues with running tests. Try clearing your browser’s cache and cookies, then refresh the page and try running the tests again.

  4. Disable Browser Extensions: Browser extensions or add-ons can sometimes interfere with the functionality of web pages. Try disabling any extensions you have installed, then refresh the page and try running the tests again.

  5. Try a Different Browser: If you’re still having trouble, try using a different web browser to see if the issue persists. Sometimes, browser-specific issues can be resolved by switching to a different browser.

  6. Check for Server Issues: If the tests rely on a server or external service, there may be issues with the server that are preventing the tests from running. Check the status of the server or service to see if there are any reported outages or issues.

By following these steps, you should be able to troubleshoot the issue and get the tests running properly. If you’re still having trouble, consider reaching out to the provider of the tests for further assistance.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.