|
|
Posted by jamiil on 03/07/07 15:55
Thank you all for the good help.
But I am afraid that due to my little knowledge of HTML, a more
extended explanation is need; not only from you, but also from me.
However, before I go any further, I want you to know that it is true
what you have said about frames, and I completely agree with you two
[jonathan & toby].
Now, to the task at hand. I have a directory tree that looks like
this:
/home/myname/project/html
|_____ index.html
/home/myname/project/html/doc
|_____
Frame_1.html
|_____
Frame_2.html
|_____
Frame_3.html
|_____
Frame_4.html
/home/myname/project/html/pix
|_____ bunch of
pictures
/home/myname/project/html/javascript
|_____
not much, yet!
I am not sure of using the right names for the 'target frame', please
do have a look and let me know if I am on the right track.
Thanks sooooo very much!!
Frame_1.html
~~~~~~~~~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Banner</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="background-color: rgb(0, 0, 0); width: 100%; text-align:
left;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><img alt=""
src="../pix/all.gif"
style="width: 126px; height: 141px;"><br>
</td>
<td
style="vertical-align: top; font-family: helvetica,arial,sans-serif;
text-align: center;"><big
style="color: rgb(255, 102, 102);"><big><span
style="font-weight: bold;"><big style="color: rgb(255, 255,
153);"><big><blink>My
merci overpowers my anger</blink></big></big></span></big></big></td>
<td style="vertical-align: top; text-align: right;"><img alt=""
src="../pix/all.gif" style="width: 126px; height: 141px;"><br>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
Frame_2.html
~~~~~~~~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Fram_2.html</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(153, 153,
0);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="background-color: rgb(153, 153, 0); text-align: left; width:
213px; height: 544px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="background-color: rgb(153, 153, 0); vertical-align: top;
width: 30px;"><a
href="http://mail.google.com/mail/"><img alt="GMail" title="GMail"
src="../pix/mailslot.gif"
style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
</td>
<td style="vertical-align: top;"><span
style="font-weight: bold; color: rgb(51, 255, 51);">GMAIL</span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><a
href="http://www.hotmail.com"><img alt="" title="Hotmail"
src="../pix/mailslot.gif"
style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
</td>
<td style="vertical-align: top;"><span
style="font-weight: bold; color: rgb(51, 255, 51);">Hotmail</
span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><a
href="https://login.yahoo.com/config/
login_verify2?.intl=ca&.src=ym&.done=http%3a%2f
%2fca.f384.mail.yahoo.com%2fdc%2flaunch%3fsysreq%3dignore"><img
alt="Yahoo" title="Yahoo" src="../pix/mailslot.gif"
style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
</td>
<td style="vertical-align: top;"><span
style="font-weight: bold; color: rgb(51, 255, 51);">Yahoo</span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><a
href="http://www.google.ca/ig?
hl=en&ie=UTF-8&oe=UTF-8&tab=iw&q="><img
alt="Google cafe" title="Google cafe" src="../pix/Earth001.gif"
style="border: 0px solid ; width: 36px; height: 25px;"></a></td>
<td style="vertical-align: top;"><span style="font-weight:
bold;"><span
style="color: rgb(51, 255, 51);">Google cafe</span></span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;">
<a href="http://www.onlinenewspapers.com/" target="./
Frame_3.html"> <img alt="News Papers"
title="News Papers" src="../pix/fire.gif"
style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
</td>
<td style="vertical-align: top;"><span
style="color: rgb(51, 255, 51); font-weight: bold;">News Papers</
span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><img
alt="Banking"
title="Banking" src="../pix/Time001.gif"
style="width: 36px; height: 25px;"></td>
<td style="vertical-align: top;"><span style="font-weight:
bold;"><span
style="color: rgb(51, 255, 51);">Banking</span></span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><a
href="http://www.dictionary.com"><img alt="Dictionary"
title="Dictionary" src="../pix/dictionary.png"
style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
</td>
<td style="vertical-align: top;"><span style="font-weight:
bold;"><span
style="color: rgb(51, 255, 51);">Educational</span></span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><img
alt="Islamic resources" title="Islamic resources"
src="../pix/islam.gif" style="width: 36px; height: 25px;"><br>
</td>
<td style="vertical-align: top;"><span style="font-weight:
bold;"><span
style="color: rgb(51, 255, 51);">Pesonal stuff</span></span><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 30px;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>
Frame_3.html
~~~~~~~~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Image</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><img title="Med" alt=""
src="../pix/blue-picture.jpg" style="width: 788px; height: 482px;"></
div>
</body>
</html>
Frame_4.html
~~~~~~~~~~~~
<html>
<frameset cols="22%,78%">
<frame noresize="noresize" src="Frame_2.html">
<frame noresize="noresize" src="Frame_3.html">
</frameset>
</html>
Index.html
~~~~~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>My Home Page</title>
</head>
<br>
<frameset rows="26%,74%">
<frame noresize="noresize" src="./doc/Frame_1.html">
<frame noresize="noresize" src="./doc/Frame_4.html">
</frameset>
<br>
</html>
On Mar 7, 9:51 am, "Jonathan N. Little" <lws4...@centralva.net> wrote:
> jamiil wrote:
> > Sorry that is not write:
>
> > <td style="vertical-align: top; width: 30px;">
> > <a href="http://www.onlinenewspapers.com/" target="./
> > Frame_3.html"> <img alt="News Papers"
> > title="News Papers" src="../pix/fire.gif"
> > style="border: 0px solid ; width: 36px; height: 25px;"></a><br>
> > </td>
>
> > Please note that the name of the file where the data will be displayed
> > is Frame_3.html
>
> Firstly, frames are a bad idea for a host of reasons often discussed in
> this NG and a quick search will enlighten.
>
> Secondly, that a a completely invalid value for the target attribute.
> The target value should be the *name* of the frame the link's href is
> supposed to be directed to.
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
[Back to original message]
|