• Ever thought it'd be cool to have your art, writing, or challenge runs featured on PokéCommunity? Click here for info - we'd love to spotlight your work!
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
    Register

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