BrandNewDE
05-24-2005, 08:10 PM
I'm doing a request from a friend's friend to code her layout. This is what she wants:
Okay, the code for the left frame is all set up already, so you don't need to mess with that any.
"left.html" is the left frame, naturally. I just need a two-frame layout with "left.html" on the left and "main.html" on the right. The left frame should be named "left" and the right frame named "main". In the left frame I'd like No Scrolling and No Resizing. All links should open in "main" except for the Forum and the Vote Banners in the lower right (those should open in the same window, but not inside "main".)
So it's pretty simple, though for some reason it's beyond me. ^_^;;
This is the code she's supplied for left:
<HTML>
<HEAD>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Kanpeki - The Perfect Webcomic</title></head>
<body>
<TABLE width="269" height="620" BORDER = 0 align="center" CELLPADDING = 0 CELLSPACING = 0>
<TR>
<TD width="20" height="129"><IMG SRC = "left01.jpg" WIDTH = 20 HEIGHT = 129></TD>
<TD width="114"><IMG SRC = "left02.jpg" WIDTH = 114 HEIGHT = 129></TD>
<TD width="11"><IMG SRC = "left03.jpg" WIDTH = 11 HEIGHT = 129></TD>
<TD width="101"><IMG SRC = "left04.jpg" WIDTH = 101 HEIGHT = 129></TD>
<TD width="23"><IMG SRC = "left05.jpg" WIDTH = 23 HEIGHT = 129></TD>
</TR>
<TR>
<TD width="20" height="112"><IMG SRC = "left06.jpg" WIDTH = 20 HEIGHT = 112></TD>
<TD valign="top" background="left07.jpg" class="style">
- <a href="updates.html" target="main">News/Updates</a><br>
- <a href="comic.html" target="main">Comic</a><br>
- <a href="http://kanpeki.11.forumer.com" target="blank">Forum</a><br>
- <a href="characters.html" target="main">Characters</a><br>
- <a href="about.html" target="main">Gallery</a><br>
- <a href="links.html" target="main">Links</a><br>
- <a href="contact.html" target="main">Contact</a>
<TD width="11"><IMG SRC = "left08.jpg" WIDTH = 11 HEIGHT = 112></TD>
<TD width="101"><IMG SRC = "left09.jpg" WIDTH = 101 HEIGHT = 112></TD>
<TD width="23"><IMG SRC = "left10.jpg" WIDTH = 23 HEIGHT = 112></TD>
</TR>
<TR>
<TD width="20" height="159"><IMG SRC = "left11.jpg" WIDTH = 20 HEIGHT = 159></TD>
<TD width="114"><IMG SRC = "left12.jpg" WIDTH = 114 HEIGHT = 159></TD>
<TD width="11"><IMG SRC = "left13.jpg" WIDTH = 11 HEIGHT = 159></TD>
<TD width="101"><IMG SRC = "left14.jpg" WIDTH = 101 HEIGHT = 159></TD>
<TD width="23"><IMG SRC = "left15.jpg" WIDTH = 23 HEIGHT = 159></TD>
</TR>
<TR>
<TD width="20" height="107"><IMG SRC = "left16.jpg" WIDTH = 20 HEIGHT = 107></TD>
<TD width="114"><IMG SRC = "left17.jpg" WIDTH = 114 HEIGHT = 107></TD>
<TD width="11" ><IMG SRC = "left18.jpg" WIDTH = 11 HEIGHT = 107></TD>
<TD width="101" valign="center" background="left19.jpg" class="style">
<center><A HREF="http://www.webcomicslist.com/vote.php?type=in&webcomicid=840" TARGET="blank"><IMG SRC="http://www.webcomicslist.com/votebutton.php?type=1&webcomicid=840" ALT="Vote for me on Webcomics List!" BORDER="0"></A>
</TD>
<TD width="23"><IMG SRC = "left20.jpg" WIDTH = 23 HEIGHT = 107></TD>
</TR>
<TR>
<TD width="20" height="113"><IMG SRC = "left21.jpg" WIDTH = 20 HEIGHT = 113></TD>
<TD width="114"><IMG SRC = "left22.jpg" WIDTH = 114 HEIGHT = 113></TD>
<TD width="11"><IMG SRC = "left23.jpg" WIDTH = 11 HEIGHT = 113></TD>
<TD width="101"><IMG SRC = "left24.jpg" WIDTH = 101 HEIGHT = 113></TD>
<TD width="23"><IMG SRC = "left25.jpg" WIDTH = 23 HEIGHT = 113></TD>
</TR>
How would I go about adding another frame? Would I need to create another HTML page for the basic frame layout, or can I simply add another one right into the same page. I've never done something like this, but I've worked with frames before, I just need a little help. Thanks!
Okay, the code for the left frame is all set up already, so you don't need to mess with that any.
"left.html" is the left frame, naturally. I just need a two-frame layout with "left.html" on the left and "main.html" on the right. The left frame should be named "left" and the right frame named "main". In the left frame I'd like No Scrolling and No Resizing. All links should open in "main" except for the Forum and the Vote Banners in the lower right (those should open in the same window, but not inside "main".)
So it's pretty simple, though for some reason it's beyond me. ^_^;;
This is the code she's supplied for left:
<HTML>
<HEAD>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Kanpeki - The Perfect Webcomic</title></head>
<body>
<TABLE width="269" height="620" BORDER = 0 align="center" CELLPADDING = 0 CELLSPACING = 0>
<TR>
<TD width="20" height="129"><IMG SRC = "left01.jpg" WIDTH = 20 HEIGHT = 129></TD>
<TD width="114"><IMG SRC = "left02.jpg" WIDTH = 114 HEIGHT = 129></TD>
<TD width="11"><IMG SRC = "left03.jpg" WIDTH = 11 HEIGHT = 129></TD>
<TD width="101"><IMG SRC = "left04.jpg" WIDTH = 101 HEIGHT = 129></TD>
<TD width="23"><IMG SRC = "left05.jpg" WIDTH = 23 HEIGHT = 129></TD>
</TR>
<TR>
<TD width="20" height="112"><IMG SRC = "left06.jpg" WIDTH = 20 HEIGHT = 112></TD>
<TD valign="top" background="left07.jpg" class="style">
- <a href="updates.html" target="main">News/Updates</a><br>
- <a href="comic.html" target="main">Comic</a><br>
- <a href="http://kanpeki.11.forumer.com" target="blank">Forum</a><br>
- <a href="characters.html" target="main">Characters</a><br>
- <a href="about.html" target="main">Gallery</a><br>
- <a href="links.html" target="main">Links</a><br>
- <a href="contact.html" target="main">Contact</a>
<TD width="11"><IMG SRC = "left08.jpg" WIDTH = 11 HEIGHT = 112></TD>
<TD width="101"><IMG SRC = "left09.jpg" WIDTH = 101 HEIGHT = 112></TD>
<TD width="23"><IMG SRC = "left10.jpg" WIDTH = 23 HEIGHT = 112></TD>
</TR>
<TR>
<TD width="20" height="159"><IMG SRC = "left11.jpg" WIDTH = 20 HEIGHT = 159></TD>
<TD width="114"><IMG SRC = "left12.jpg" WIDTH = 114 HEIGHT = 159></TD>
<TD width="11"><IMG SRC = "left13.jpg" WIDTH = 11 HEIGHT = 159></TD>
<TD width="101"><IMG SRC = "left14.jpg" WIDTH = 101 HEIGHT = 159></TD>
<TD width="23"><IMG SRC = "left15.jpg" WIDTH = 23 HEIGHT = 159></TD>
</TR>
<TR>
<TD width="20" height="107"><IMG SRC = "left16.jpg" WIDTH = 20 HEIGHT = 107></TD>
<TD width="114"><IMG SRC = "left17.jpg" WIDTH = 114 HEIGHT = 107></TD>
<TD width="11" ><IMG SRC = "left18.jpg" WIDTH = 11 HEIGHT = 107></TD>
<TD width="101" valign="center" background="left19.jpg" class="style">
<center><A HREF="http://www.webcomicslist.com/vote.php?type=in&webcomicid=840" TARGET="blank"><IMG SRC="http://www.webcomicslist.com/votebutton.php?type=1&webcomicid=840" ALT="Vote for me on Webcomics List!" BORDER="0"></A>
</TD>
<TD width="23"><IMG SRC = "left20.jpg" WIDTH = 23 HEIGHT = 107></TD>
</TR>
<TR>
<TD width="20" height="113"><IMG SRC = "left21.jpg" WIDTH = 20 HEIGHT = 113></TD>
<TD width="114"><IMG SRC = "left22.jpg" WIDTH = 114 HEIGHT = 113></TD>
<TD width="11"><IMG SRC = "left23.jpg" WIDTH = 11 HEIGHT = 113></TD>
<TD width="101"><IMG SRC = "left24.jpg" WIDTH = 101 HEIGHT = 113></TD>
<TD width="23"><IMG SRC = "left25.jpg" WIDTH = 23 HEIGHT = 113></TD>
</TR>
How would I go about adding another frame? Would I need to create another HTML page for the basic frame layout, or can I simply add another one right into the same page. I've never done something like this, but I've worked with frames before, I just need a little help. Thanks!