Webdesign links help. - Page 2

ikthius · 06-03-2008, 17:34

in your navigation file, the target is wrong, your using parent, when you should tell it where to go, so use what you used as the name as the content frame

Code:

td width="162"><a href="index.html" target="_parent" class="style1">Home</a></td>

as

Code:

td width="162"><a href="index.html" target="mainFrame" class="style1">Home</a></td>

ik

edit: you effectively just telling the target frame to change to show the page you want. so just change your navigation file target

NOTE: I would change the code above to show:

Code:

<a href="content.html" target="mainFrame" class="style1">Home</a>

that way you can always use the home link to just change the content frame to show your home page, other wise you will try and make the content frame have your full index page so it may nest your index.html inside your index.html

**Graham M** · 06-03-2008, 17:41

Also, you have neglected to name the frames as far as I can see so even if you put the correct target frames they won't know where to go

Edit, my bad, I didn't see the name on your display frame

webcrawler2050 · 06-03-2008, 19:04

My Advice... don't use frames!!! They are crappy

Maybe this could help instead??

PHP Code:


			
<!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=utf-8" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>Untitled Document</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

<style type="text/css"> 

<!-- 

body  {

    font: 100% Verdana, Arial, Helvetica, sans-serif;

    background: #666666;

    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

    padding: 0;

    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

    color: #000000;

}

.twoColFixLt #container { 

    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

    background: #FFFFFF;

    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

    border: 1px solid #000000;

    text-align: left; /* this overrides the text-align: center on the body element. */

}

.twoColFixLt #sidebar1 {

    float: left; /* since this element is floated, a width must be given */

    width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

    background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */

    padding: 15px 10px 15px 20px;

}

.twoColFixLt #mainContent { 

    margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

    padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

    float: right;

    margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

    float: left;

    margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

    clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.style1 {color: #FFFFCC}

--> 

</style><!--[if IE 5]>

<style type="text/css"> 

/* place css box model fixes for IE 5* in this conditional comment */

.twoColFixLt #sidebar1 { width: 230px; }

</style>

<![endif]--><!--[if IE]>

<style type="text/css"> 

/* place css fixes for all versions of IE in this conditional comment */

.twoColFixLt #sidebar1 { padding-top: 30px; }

.twoColFixLt #mainContent { zoom: 1; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

</style>

<![endif]--></head>



<body class="twoColFixLt">



<div id="container">

  <div id="sidebar1">

    <table width="200" border="0">

      <tr>

        <th width="28" scope="row"><div align="left"><img src="images/flowerbullet.gif" width="34" height="30" /></div></th>

        <td width="162"><a href="index.html" target="_parent" class="style1">Home</a></td>

      </tr>

      <tr>

        <th scope="row"><div align="left"><img src="images/flowerbullet.gif" width="34" height="30" /></div></th>

        <td><a href="about.html" target="_parent" class="style1">About Us</a> </td>

      </tr>

      <tr>

        <th scope="row"><div align="left"><img src="images/flowerbullet.gif" width="34" height="30" /></div></th>

        <td><a href="contact.html" target="_parent" class="style1">Contact Us</a> </td>

      </tr>

      <tr>

        <th scope="row"><div align="left"><img src="images/flowerbullet.gif" width="34" height="30" /></div></th>

        <td><a href="http://britishclubdivers.co.uk/flowergallery/main.php" target="_blank" class="style1">Gallery</a></td>

      </tr>

    </table>

    <h3>&nbsp;</h3>

  <!-- end #sidebar1 --></div>

  <div id="mainContent">

    <h1> Test content here</h1>

    <!-- end #mainContent --></div>

    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />

<!-- end #container --></div>

</body>

</html>

grandmaster · 07-03-2008, 08:45

Do you know what?
You people are fantastic, I really appreciate your help.

Ik , Thanks for the screenshot, I think its because my pc in a 17" widescreen so It looks ok on mine, I think I may start again from scratch.

Webcrawler, Thanks, I'll look at css but for some reason I could never get the hang of it lol..

Thanks for all your replies!!!

It won't let me add to your rep,sorry.
I have to spread some love around first!!
Ryan

**Graham M** · 07-03-2008, 09:00

No need to use CSS for the majority of your site, it IS better, but you can get away with a simple Table based layout, just set the border to 0

ikthius · 07-03-2008, 14:38

mines is a 17" monitor on a 1034x768 res

does it work yet?

ik

grandmaster · 07-03-2008, 15:09

I can't update my site from work (and I forgot my phone so can't GPRS either)
I'll have to sort it tonight after Ju-jitsu.

Thanks
Ryan