Click to See Complete Forum and Search --> : THIS ONE IS CLEARER.....HTML FRAMES?HELP!!
xtremerider247
07-10-2001, 08:39 AM
hey all, i have a problem concerning html frames. i want to have a layout in which i would like a banner type frame up top, another banner frame (same as top) but on the bottom, a left side vertical link menu (like on most sites) and i would like to have another vertical link menue(same as on left side) but on the right side. and finally in the empty space in the middle, i would like to have my mainpage frame. I HAVE TRIED EVERYTHING.would anybody out there either type the code in here for me to copy and paste or tell me a web site where i can view the source. or anybody just explain it to me. ANY HELP WOULD BE GREATLY APPRECIATED!!!
qball
07-10-2001, 10:43 AM
Generally I use a GUI tool like FrontPage to set up frames, very easy.
Anyway, a simple explanation of frames is located here:
http://hotwired.lycos.com/webmonkey/96/31/index3a.html
Dovaka
07-10-2001, 11:32 AM
is this something like what you want http://2demons.ne.mediaone.net/new3d/index.html the logo at the top is standard banner size and i can easily put one at the bottom
[This message has been edited by Dovaka (edited 07-12-2001).]
xtremerider247
07-10-2001, 04:31 PM
thanks for your efforts guys except i know the stuff that qball put but for my site i am going to basicaly have like 5 slides. also thank you to Dovaka but your link doesnt work.
xtremerider247
07-12-2001, 11:35 AM
DOVAKA, i figured out your linke, and yes that is exactly what i want. thanks you but since the have no frameboarders, i cant get the source. would you help me again?
Dovaka
07-12-2001, 06:41 PM
<HTML>
<HEAD>
<TITLE>
Welcome To 3Demons.com
</TITLE>
<LINK HREF="css/css.css" REL="stylesheet" TYPE="text/css">
<STYLE TYPE="text/css">
.menulines{
border:1px solid #C0C0C0;
}
.menulines a{
text-decoration:none;
color:black;
}
</STYLE>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();
images[1].src = "http://www.3demons.com/3dca5/3dca5_pics/01_3dca5.jpg";
images[2] = new Image();
images[2].src = "http://www.3demons.com/3dca5/3dca5_pics/02_3dca5.jpg";
images[3] = new Image();
images[3].src = "http://www.3demons.com/3dca5/3dca5_pics/03_3dca5.jpg";
images[4] = new Image();
images[4].src = "http://www.3demons.com/3dca5/3dca5_pics/04_3dca5.jpg";
images[5] = new Image();
images[5].src = "http://www.3demons.com/3dca5/3dca5_pics/05_3dca5.jpg";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
</SCRIPT>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript1.2">
/*
Highlight menu effect script: By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/
function borderize(what,color){
what.style.borderColor=color
}
function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="menulines"){
borderize(source3,"#03376B")
}
else{
while(source3.tagName!="TABLE"){
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="menulines")
borderize(source3,"#03376B")
}
}
}
function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
borderize(source4,"#C0C0C0")
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
borderize(source4,"#C0C0C0")
}
}
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="swapPic()" TOPMARGIN="0" BGCOLOR="#FFFFFF" LEFTMARGIN="0" MARGINLEFT="0" MARGINTOP="0" STYLE="font-family: tahoma; font-size: 8 pt">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%" BGCOLOR="#03376B">
<TR>
<TD>
<DIV ALIGN="left">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD>
<DIV ALIGN="right">
<IMG ALT="error-file:TidyOut.log" BORDER="0" SRC="banner01.gif" WIDTH="468" HEIGHT="60">
</DIV>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
<DIV ALIGN="left">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD VALIGN="top">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD VALIGN="top">
<DIV ALIGN="left">
<TABLE BORDER="0" WIDTH="180" BGCOLOR="#C0C0C0" CELLSPACING="0" CELLPADDING="0" ONMOUSEOVER="borderize_on(event)" ONMOUSEOUT="borderize_off(event)" STYLE="border: 1 solid #000000">
<TR>
<TD BGCOLOR="#03376B">
<FONT COLOR="#FFFFFF" FACE="Arial" SIZE="3"><B>*:.</B></FONT>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">News</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Mission</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Party</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Sign Up</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Players</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Lan</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Internet</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Staff</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">History</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Links</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="#Home"><FONT SIZE="2" FACE="Tahoma">Sponsors</FONT></A></B>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<B><FONT SIZE="2" FACE="Tahoma">*:.</FONT> <A HREF="http://eclypse.ne.mediaone.net/cgi-bin/Ultimate.cgi"><FONT SIZE="2" FACE="Tahoma">Forum</FONT></A></B>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="left">
<FONT COLOR="#FFFFFF"><B>*:. Our Sponsors</B></FONT>
</P>
</TD>
</TR>
</TABLE>
<DIV ALIGN="left">
<TABLE BORDER="0" WIDTH="180" BGCOLOR="#C0C0C0" CELLSPACING="0" CELLPADDING="0" ONMOUSEOVER="borderize_on(event)" ONMOUSEOUT="borderize_off(event)" STYLE="border: 1 solid #000000">
<TR>
<TD CLASS="menulines">
<A HREF="http://www.vinster.com/"><FONT SIZE="3">*:. Vinster</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.gamers.com/"><FONT SIZE="3">*:. Gamers.com</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.bawls.com/"><FONT SIZE="3">*:. Bawls Guarana</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.pctote.com/"><FONT SIZE="3">*:. PC Tote</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.mushkin.com/"><FONT SIZE="3">*:. Mushkin Memory</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.everglide.com/"><FONT SIZE="3">*:. EverGlide</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.telocity.net/"><FONT SIZE="3">*:. Telocity</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.geargrip.com/"><FONT SIZE="3">*:. GearGrip</FONT></A><BR>
</TD>
</TR>
<TR>
<TD CLASS="menulines">
<A HREF="http://www.enetdepot.com/"><FONT SIZE="3">*:. e-NetDepot</FONT></A><BR>
</TD>
</TR>
</TABLE>
</DIV>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="left">
<B><FONT COLOR="#FFFFFF">*:. News letter</FONT></B>
</P>
</TD>
</TR>
</TABLE>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#C0C0C0" STYLE="border: 1 solid #000000">
<TR>
<TD>
<FORM METHOD="POST">
<P ALIGN="center">
<INPUT STYLE="font-size: 10 px"><INPUT TYPE="submit" VALUE="Signup!" STYLE="color: #FFFFFF; font-size: 10 px; background-color: #336699"><BR>
<FONT SIZE="1">Be notified When The Site Gets Updated!</FONT>
</P>
</FORM>
</TD>
</TR>
</TABLE>
</TD>
<TD VALIGN="top">
<BR>
<DIV ALIGN="left">
<A NAME="newsitem994209059,43215,"></A>
<TABLE>
<TR>
<TD BGCOLOR="#03376B">
<FONT COLOR="#FFFFFF"><B>*:. lala Posted Wednesday, July 4, 2001 By <A HREF="mailto:dovaka@dovaka.net?subject=lala ">dovaka</A></B></FONT>
</TD>
</TR>
<TR>
<TD>
<FONT COLOR="#ffffff">*</FONT>
</TD>
</TR>
<TR>
<TD WIDTH="550">
yet another test update
</TD>
</TR>
<TR>
<TD>
<FONT COLOR="#ffffff">*</FONT>
</TD>
</TR>
<TR>
<TD>
<FONT COLOR="#ffffff">*</FONT>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
<TD VALIGN="top">
<DIV ALIGN="right">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="right">
<FONT COLOR="#FFFFFF"><B>Random Party Picture .:*</B></FONT>
</P>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ALIGN="right">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#C0C0C0" STYLE="border: 1 solid #000000">
<TR>
<TD VALIGN="top">
<DIV ALIGN="center">
<BR>
<IMG NAME="randimg" SRC="none.gif" WIDTH="170" HEIGHT="128" BORDER="0" ALT="">
</DIV>
</TD>
</TR>
<TR>
<TD>
<DIV ALIGN="center">
<FORM>
<INPUT ONCLICK="swapPic();" TYPE="submit" VALUE="Next" STYLE="color: #FFFFFF; font-size: 10 px; background-color: #336699">
</FORM>
</DIV>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ALIGN="right">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="right">
<FONT COLOR="#FFFFFF"><B>Clan Links .:*</B></FONT>
</P>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ALIGN="right">
<TABLE BORDER="0" WIDTH="180" BGCOLOR="#C0C0C0" CELLSPACING="0" CELLPADDING="0" ONMOUSEOVER="borderize_on(event)" ONMOUSEOUT="borderize_off(event)" STYLE="border: 1 solid #000000">
<TR>
<TD CLASS="menulines" ALIGN="center">
<A HREF="http://www.southsidecrew.net/"><FONT SIZE="3">.: SSC :.</FONT></A>
</TD>
</TR>
<TR>
<TD CLASS="menulines" ALIGN="center">
<A HREF="http://www.ppdclan.com "><FONT SIZE="3">.: PPD :.</FONT></A>
</TD>
</TR>
<TR>
<TD CLASS="menulines" ALIGN="center">
<A HREF="mailto:dovaka@dovaka.net?subject=Clan Links On The Front Page"><FONT SIZE="3">.: Click Here To Have Your :. .: Clan Added :.</FONT></A>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ALIGN="right">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="right">
<FONT COLOR="#FFFFFF"><B>Last Updated .:*</B></FONT>
</P>
</TD>
</TR>
</TABLE>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="180" BGCOLOR="#03376B">
<TR>
<TD>
<P ALIGN="right">
<FONT COLOR="#FFFFFF"><B>7/04/01 14.45 .:*</B></FONT>
</P>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
</DIV>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BGCOLOR="#03376B">
<TR>
<TD>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD>
</TD>
<TD>
<FONT COLOR="#FFFFFF"><FONT COLOR="#FFFFFF">Site Design By Patrick C. Sullivan <A HREF="http://www.dovaka.net">Dovaka.net</A><BR>
3Demons Logo Designed By Rick Woolford <A HREF="http://www.pseudodigm.com">Pseudodigm.com</A></FONT><BR>
</FONT>
</TD>
<TD>
<DIV ALIGN="right">
<FONT COLOR="#FFFFFF">This Site is Best Viewed<BR>
in Internet Explorer at<BR>
1024x768 Resolution</FONT>
</DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[This message has been edited by Dovaka (edited 07-12-2001).]
Dovaka
07-12-2001, 06:43 PM
i also forget to mention there are no images in it other then the logo on the top and the pics in the rotating window everything else is just color codes it makes it easier
SysOpt.com
Copyright WebMediaBrands Inc. All Rights Reserved.