1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

HTML Link problem (I must be an idiot)

Discussion in 'Web Development' started by Peelo Volanen, Aug 8, 2012.

  1. Peelo Volanen

    Peelo Volanen New Member

    This must be stupid question but... Here is my template:

    [​IMG]

    And my problem is: how I make new pages (=when you click a link) appear into that red section:

    [​IMG]

    Now all links just open whole new page. Here is code for that front page (that "Hevoset" link is only real address so far):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <title> Forssan ratsastajat ry</title>
    </head>

    <body>
    <div id="container">
    <div id="logo">
    <a href="https://freewebsitetemplates.com"><img src="images/logo.jpg" alt="bog 1" border="0" width="479" height="69" /></a>
    </div>
    <div id="header">

    <ul>
    <li><a href="https://freewebsitetemplates.com">Etusivu</a></li>
    <li><a href="https://freewebsitetemplates.com">Talli</a></li>
    <li><a href="http://www.forssanratsastajat.com/hevoset/hevoset.htm" </a></li>
    <li><a href="https://freewebsitetemplates.com">Uutisia&nbsp;</a></li>
    <li><a href="https://freewebsitetemplates.com">Kuvagalleria&nbsp;</a></li>
    <li><a href="https://freewebsitetemplates.com" class="lastchild">Yhteystiedot</a></li>
    </ul>
    </div>

    <div id="content">
    <h1>Tervetuloa Forssan ratsastajat ryn kotisivuille!</h1>
    <div id="left">
    <div class="text">

    <p><font size="2">
    Tallimme on 16
    paikkainen yksityistalli Forssan Kaukjärvellä, n. 2,5 kilometriä
    Forssan keskustasta. Tallimme tarjoaa täysi- ja puolihoitopaikkoja
    hevosille ja poneille. Kesällä myös laiduntamismahdollisuus.
    Tarkempia tietoja löytyy talli- ja yhteystiedoista.</font>
    <p>
    <font size="2">
    Kotisivumme ovat vielä kesken uusien muutosten myötä,
    pyrimme saamaan sivut toimiviksi mahdollisimman pian! Karsinapaikkoja ja muita tietoja voi kysellä joko meilitse
    forssanratsastajat@hotmail.com tai puhelimitse 040-5873057/Maikku</font></p>

    </div>
    <div class="photos">
    <img src="images/dog1.jpg" alt="bog 1" border="0" width="81" height="82" />
    </div>
    <div class="clear"></div>
    </div>
    <div id="right">
    <h2>Uutisia &amp; tuloksia</h2>
    <a href="http://www.templatebeauty.com">Kouluratsastus ke 6.6.2012
    tulokset</a>
    <p>Uudistuneet kotisivut avattu!</p>
    <span><a href="http://www.justwebtemplates.com">lisää...</a></span>
    </div>
    <div class="clear"></div>
    </div>
    <div id="footer">© F </div>
    </div>
    </body>
    </html>

    I hope you get my point. Thanks already.
     
    Peelo Volanen, Aug 8, 2012
    #1
  2. Geoff Tyrer

    Geoff Tyrer Member

    I haven't studied your markup but what I'd do is duplicate what you have, to produce each page, and then just alter the contents of the red box in each of them. You would then alter the <li> to link to each page as appropriate.
     
    Geoff Tyrer, Aug 8, 2012
    #2