PDA

View Full Version : nav bar in frame

pleaselikeme
04-21-2003, 11:15 AM
i made this nav bar type thing, that ive put up on my site. but when ever i try to put any text next to it the it moves it out of place. So i figured i should try to put it into a frame, but i can't do it. PLEASE HELP ME. here is the HTMLs for the page i am haveing trouble with;

<BODY>
<body bgcolor="#006699"link="#000000" vlink="#000000" alink="#000000">
<TITLE>Enjoy your stay</TITLE>
</HEAD>

<marquee behavior=scroll direction="left" font face= Arial bold size =7>Welcome to Jackville</marquee>
<font face="arial rounded MT bold" size="30" color="#FFCC00">

<p align=left><u><table style="filter:GLOW (color=black, strength=4)"><tr>Jackville<td></table></p>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Naebliss of Area 51, Nevada - http://51area.cjb.net" />
<meta name="generator" content="null" />
<meta name="robots" content="noindex" />


<frameset cols>
<style type="text/css">
.menu {
font-family: Verdana;
font-size: 7pt;
font-weight: bold;
background-color: #FFCC33;
cursor: hand
}
</style>

<script language="javascript" type="text/javascript">
<!--
function movein(which,html){

description.innerHTML=html
}
function moveout(which){

description.innerHTML=' '
}
-->
</script>
</head>

<body bgcolor="#006699">
<table background="#FFCC33" border="5px" bordercolor="#D2F4F4" cellpadding="10px" cellspacing="10px">
<tr>

<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Home')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Home
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice2" onMouseover="movein(choice2,'About Me')" onMouseout="moveout(choice2)" onClick="location.href='http://www.google.com'">About Me
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Photos')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Photos
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Stuff I Do')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Stuff I Do
</td>
</tr>
<tr>
<td bordercolor="#101010" bgcolor="#FFCC33" height="5">
<font id="description" face="Arial bold" size="1"> </font>
</td>
</tr>
</table>



</HTML>
please help me
MaGiCSuN
04-21-2003, 02:09 PM
your code is pretty messed up. Also why is this in the "frames" section? it only contains tables ....

So tell me do you want frames or tables? because both is not possible

try out this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>Enjoy your stay</TITLE>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Naebliss of Area 51, Nevada - http://51area.cjb.net" />
<meta name="generator" content="null" />
<meta name="robots" content="noindex" />

<style type="text/css">
.menu {
font-family: Verdana;
font-size: 7pt;
font-weight: bold;
background-color: #FFCC33;
cursor: hand
}
</style>

<script language="javascript" type="text/javascript">
<!--
function movein(which,html){

description.innerHTML=html
}
function moveout(which){

description.innerHTML=' '
}
-->
</script>
</head>

<body bgcolor="#006699" link="#000000" vlink="#000000" alink="#000000">

<marquee behavior=scroll direction="left" font face= Arial bold size =7>Welcome to Jackville</marquee>
<font face="arial rounded MT bold" size="30" color="#FFCC00">

<p align=left><u><table style="filter:GLOW (color=black, strength=4)"><tr>Jackville<td></table></p>

<table background="#FFCC33" border="5px" bordercolor="#D2F4F4" cellpadding="10px" cellspacing="10px">
<tr>

<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Home')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Home
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice2" onMouseover="movein(choice2,'About Me')" onMouseout="moveout(choice2)" onClick="location.href='http://www.google.com'">About Me
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Photos')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Photos
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Stuff I Do')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Stuff I Do
</td>
</tr>
<tr>
<td bordercolor="#101010" bgcolor="#FFCC33" height="5">
<font id="description" face="Arial bold" size="1"> </font>
</td>
</tr>
</table>
</BODY>
</HTML>

You had <body> parts before the <head> parts which is completely the wrong order.

Also i deleted the <frameset cols> code because you didn't had any other frame codes in it at all. So i'm wondering why that code was there...

Love,
mirna
pleaselikeme
04-21-2003, 04:46 PM
that dosent do what i wanted it to do. Ya' see what i want is the nav bar to be put into a frame so it is not affected by the text around it. There must be a way. Or make a separate text area or some thing I'll give you the HTML again for anyone that wants to have another shot at it, but thanks for trying;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>Enjoy your stay</TITLE>
jack
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Naebliss of Area 51, Nevada - http://51area.cjb.net" />
<meta name="generator" content="null" />
<meta name="robots" content="noindex" />

<style type="text/css">
.menu {
font-family: Verdana;
font-size: 7pt;
font-weight: bold;
background-color: #FFCC33;
cursor: hand
}
</style>

<script language="javascript" type="text/javascript">
<!--
function movein(which,html){

description.innerHTML=html
}
function moveout(which){

description.innerHTML=' '
}
-->
</script>
</head>

<body bgcolor="#006699" link="#000000" vlink="#000000" alink="#000000">

<marquee behavior=scroll direction="left" font face= Arial bold size =7>Welcome to Jackville</marquee>
<font face="arial rounded MT bold" size="30" color="#FFCC00">

<p align=left><u><table style="filter:GLOW (color=black, strength=4)"><tr>Jackville<td></table></p>

<table background="#FFCC33" border="5px" bordercolor="#D2F4F4" cellpadding="10px" cellspacing="10px">
<tr>

<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Home')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Home
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice2" onMouseover="movein(choice2,'About Me')" onMouseout="moveout(choice2)" onClick="location.href='http://www.google.com'">About Me
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Photos')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Photos
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Stuff I Do')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Stuff I Do
</td>
</tr>
<tr>
<td bordercolor="#101010" bgcolor="#FFCC33" height="5">
<font id="description" face="Arial bold" size="1"> </font>
</td>
</tr>
</table>
</BODY>
</HTML>

there ya go.
MaGiCSuN
04-21-2003, 05:46 PM
offcourse it doesn't do what it has to do, because i didn't added something to the code. I only 're-organized' it :)


use this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>Enjoy your stay</TITLE>
jack
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Naebliss of Area 51, Nevada - http://51area.cjb.net" />
<meta name="generator" content="null" />
<meta name="robots" content="noindex" />

<style type="text/css">
.menu {
font-family: Verdana;
font-size: 7pt;
font-weight: bold;
background-color: #FFCC33;
cursor: hand
}
</style>

<script language="javascript" type="text/javascript">
<!--
function movein(which,html){

description.innerHTML=html
}
function moveout(which){

description.innerHTML=' '
}
-->
</script>
</head>

<body bgcolor="#006699" link="#000000" vlink="#000000" alink="#000000">

<marquee behavior=scroll direction="left" font face= Arial bold size =7>Welcome to Jackville</marquee>
<font face="arial rounded MT bold" size="30" color="#FFCC00">

<p align=left><u><table style="filter:GLOW (color=black, strength=4)"><tr>Jackville<td></table></p>

<table border=0 cellspacing=0 cellpadding=0>
<tr><td valign="top">
<table background="#FFCC33" border="5px" bordercolor="#D2F4F4" cellpadding="10px" cellspacing="10px">
<tr>

<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Home')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Home
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice2" onMouseover="movein(choice2,'About Me')" onMouseout="moveout(choice2)" onClick="location.href='http://www.google.com'">About Me
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Photos')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Photos
</td>
</tr>
<tr>
<td class="menu" bordercolor="#000000" id="choice1" onMouseover="movein(choice1,'Stuff I Do')" onMouseout="moveout(choice1)" onClick="location.href='http://google.com'">Stuff I Do
</td>
</tr>
<tr>
<td bordercolor="#101010" bgcolor="#FFCC33" height="5">
<font id="description" face="Arial bold" size="1"> </font>
</td>
</tr>
</table>
</td><td valign="top">text here</td></tr></table>
</BODY>
</HTML>

change "text here" to whatever you want to add next to the menu :)
pleaselikeme
04-21-2003, 09:26 PM
thank you soooooooooooooooooooooooooooooo much you saved my life!