Css html

John-117

Jirachi lover
    • 134
    Posts
    15
    Years
    I need help! So I used a style from other people. I made the index page and a pokemon page. When I test it, I found that after I got to the pokemon page, I can click the "home" button to get back to the home page. What happen?

    here is my index code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Chirachi - the Pokemon social network</title>
    <link rel="stylesheet" href="styles.css" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    <h1>Chirachi</h1>
    <p>Pokemon social network</p>
    </div>
    <div id="nav">
    <ul>
    <li><a href="#" class="selected" title="home page">Home</a></li>
    <li><a href="pokemon.html" title="pokemon">Pokemon</a></li>
    <li><a href="https://www.spyka.net/community" title="web scripts">Community</a></li>
    <li><a href="https://www.spyka.net/contact" title="contact">contact</a></li>
    </ul>
    <form action="#" method="get">
    <p>
    <input type="text" name="q" value="Search..." />
    <input type="submit" value="Go" class="button" />
    </p>
    </form>
    </div>
    <div id="content">
    <div id="page">
    <h2>Introduction</h2>
    <p>Welcome to Chirachi</p>
    </div>
    <div id="sidebar">
    <h4>About us</h4>
    <p>A little bit of information about your website, what you do, what's on offer and why visitors should stick around</p>
    <h4>Links</h4>
    <ul>
    <li><a href="https://www.pokemon.com" title="spyka Webmaster resources">Offical Pokemon site</a></li>
    <li><a href="https://www.chirachi.co.cc/forums" title="webmaster forums">forums</a></li>
    </div>
    <div class="clear"></div>
    </div>
    <div id="footer">
    <p>© 2010 Chirachi. Design: <a href="https://www.spyka.net" title="spyka Webmaster">spyka webmaster</a> available from <a href="https://www.justfreetemplates.com" title="free css templates">Just Free Templates</a>. Valid <a href="https://validator.w3.org/check/referer" title="valid XHTML strict">XHTML</a> and <a href="https://jigsaw.w3.org/css-validator/check/referer" title="CSS">CSS</a></p>
    </div>

    </div>
    </body>
    </html>
    Click to expand...

    here is my pokemon page
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Chirachi - the Pokemon</title>
    <link rel="stylesheet" href="styles.css" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    <h1>Chirachi</h1>
    <p>Pokemon social network</p>
    </div>
    <div id="nav">
    <ul>
    <li><a href="#" class="selected" title="home page">Home</a></li>
    <li><a href="pokemon.html" title="CSS and XHTML web templates">Pokemon</a></li>
    <li><a href="https://www.chirachi.co.cc/forums" title="web scripts">Community</a></li>
    <li><a href="https://www.spyka.net/contact" title="contact">contact</a></li>
    </ul>
    <form action="#" method="get">
    <p>
    <input type="text" name="q" value="Search..." />
    <input type="submit" value="Go" class="button" />
    </p>
    </form>
    </div>
    <div id="content">
    <div id="page">
    <h2>Introduction</h2>
    <p>Welcome to Chirachi</p>
    </div>
    <div id="sidebar">
    <h4>Pokemon</h4>
    <p>A little bit of information about your website, what you do, what's on offer and why visitors should stick around</p>
    <h4>Links</h4>
    <ul>
    <li><a href="https://www.pokemon.com" title="spyka Webmaster resources">Offical Pokemon site</a></li>
    <li><a href="https://www.chirachi.co.cc/forums" title="webmaster forums">forums</a></li>
    </div>
    <div class="clear"></div>
    </div>
    <div id="footer">
    <p>© 2010 Chirachi. Design: <a href="https://www.spyka.net" title="spyka Webmaster">spyka webmaster</a> available from <a href="https://www.justfreetemplates.com" title="free css templates">Just Free Templates</a>. Valid <a href="https://validator.w3.org/check/referer" title="valid XHTML strict">XHTML</a> and <a href="https://jigsaw.w3.org/css-validator/check/referer" title="CSS">CSS</a></p>
    </div>

    </div>
    </body>
    </html>
    Click to expand...
     
    Hey, just change

    <li><a href="#" class="selected" title="home page">Home</a></li>
    Click to expand...
    to
    <li><a href="index.html" class="selected" title="home page">Home</a></li>
    Click to expand...
    Tell me if it works out. Change this in your Pokemon page.
     
    You must log in or register to reply here.
    Back
    Top