CODEWITHSUNDEEP
html
Sylvia585
Sylvia585

Reputation: 301

Links not working to connect pages

I know this is a really dumb question but I've been in this CSS class forever and we've not done much with HTML. All of the projects have only had 1 page to style. Now it's final time and I have to create a functional website from scratch that is CSS heavy. Cool, no problem. However... I've forgotten how to link all the pages together. I know you need the attribute and I thought I had it all set up yet when I click on a link in m navbar, it tells me the page isn't found. I have to be missing something super simple... Can one of you clear this up for me?

<!doctype html>
<html>
<head>
    <title>index</title>
<meta charset="utf-8">
    </head>

    <body>
      <div id="wrapper">

    <div id="masthead"></div>
          <h1>Blow their minds...Not your wallet!</h1>
</div><!-- end masthead -->

<ul id="mainnav">
    <li><a href="index.htm">Home</a></li>
    <li><a href="events.htm">Events</a></li>
    <li><a href="about.htm">About</a></li>
    <li><a href="contact.htm">Contact</a></li>
    </ul>

Events page:

<!doctype html>
<html>
<head>
    <title>events</title>
<meta charset="utf-8">
    </head>

    <body>
      <div id="wrapper">

    <div id="masthead"></div>
          <h1>Blow their minds...Not your wallet!</h1>
</div>
        <ul id="mainnav">
    <li><a href="index.htm">Home</a></li>
    <li><a href="events.htm">Events</a></li>
    <li><a href="about.htm">About</a></li>
    <li><a href="contact.htm">Contact</a></li>
    </ul>

About:

<!doctype html>
<html>
<head>
    <title>about</title>
<meta charset="utf-8">
    </head>

    <body>
      <div id="wrapper">

    <div id="masthead"></div>
          <h1>Blow their minds...Not your wallet!</h1>
</div>
        <ul id="mainnav">
    <li><a href="index.htm">Home</a></li>
    <li><a href="events.htm">Events</a></li>
    <li><a href="about.htm">About</a></li>
    <li><a href="contact.htm">Contact</a></li>
    </ul>

and finally a Contact page:

<!doctype html>
<html>
<head>
    <title>contact</title>
<meta charset="utf-8">
    </head>

    <body>
      <div id="wrapper">

    <div id="masthead"></div>
          <h1>Blow their minds...Not your wallet!</h1>
</div>
        <ul id="mainnav">
    <li><a href="index.htm">Home</a></li>
    <li><a href="events.htm">Events</a></li>
    <li><a href="about.htm">About</a></li>
    <li><a href="contact.htm">Contact</a></li>
    </ul>

Upvotes: 1

Views: 46

Answers (1)

Manoj Salvi
Manoj Salvi

Reputation: 2739

since you have used only html tag for question so assuming you are using only html and not any other scripting language (php..etc) there could be following probelms -

  • you haven't changed the extension of your pages to .html
  • your pages are not on the same location i.e same folder
  • your links are like index.htm, events.htm etc which could be index.html, events.html and so on..

try correcting above and see..

Upvotes: 4

Related Questions