HTML help - Tilted Forum Project Discussion Community

Evan · 04-20-2003, 04:55 PM

HELP! Well, I know a little bit of HTML i suppose. I've got a little booklet so i know the basics and a little more advanced stuff. I need help creating a little Navigation sidebar thing for my webpage, I tried using the </FRAME> tag as a suggestion from someone else but it didnt work to well. anyone give me a hand please?

meanSpleen · 04-20-2003, 05:14 PM

Give us a link to what you are working on, or a site that has what you want. That way we can see what is going on.

Second, you are asking for a sidebar, do you want tables or frames? Tables will reload each time you click a link. Frames will allow the links to stay put. For the most part, people prefer tables over frames.

Evan · 04-20-2003, 05:36 PM

well i havent put any of the stuff into it yet, Im on advanced angelfire making.

http://www.angelfire.com/indie/darkasnight/index.html
is the main page

and

http://www.angelfire.com/indie/darkasnight/dpmb.html
is where im thinking of putting it.

as far as tables and frames, i dont think it matters as long as its a navigational bar such as the one on this page

http://www.spartansdbc.org

i want it like those bars on the side....

fox128 · 04-20-2003, 06:23 PM

That example page you posted uses frames... the only real difference with that vs tables is that with frames, part of the page can scroll independently.

With tables:

Code:

Title Up Here
<.table>
   <.tr>
      <.td>
         <.a href="link.html">Nav Link<./a><br />
         <.a href="link.html">Nav Link<./a><br />
         <.a href="link.html">Nav Link<./a>
      <./td>
      <.td>
         And you put all the page content over here.
      <./td>
   <./tr>
<./table>

With frames:

You have one file that defines the frames:

Code:

<.frameset rows="150,*" framespacing="0" border="0" frameborder="0">
   <.frame name="title" scrolling="no" noresize src="title.html">
   <.frameset cols="150,*">
      <.frame name="navbar" target="main" src="navbar.html" scrolling="auto">
      <.frame name="main" src="main.html" target="main"  scrolling="auto">
   <./frameset>
<./frameset>

title.html:

Code:

Title Up Here

navbar.html:

Code:

<.a href="link.html">Nav Link<./a><.br />
<.a href="link.html">Nav Link<./a><.br />
<.a href="link.html">Nav Link<./a>

main.html:

Code:

And you put all the page content over here.

Of course, you would delete all the periods that I put in the code. (They're just there because the forum is not rendering html as text)

Evan · 04-20-2003, 06:30 PM

yeah, i just have no idea how to use it, im trying to put in like buttons instead of link text and the side just doesnt come up. using the frame tag. still lost though

fox128 · 04-20-2003, 06:41 PM

Heh, seems that I misread your post

The buttons on that page were made with java (which is probably going to be way over your head if you want to learn it) but you could do the same thing with javascript or flash. For some javascript code, check out this site, they've got lots of examples: http://www.dynamicdrive.com/dynamicindex1/index.html

poof · 04-20-2003, 07:53 PM

<i>fox128</i> you da man! (or manette, depends, just don't want to piss any person off.) You type the code like it was second nature.

Uhh, OK, I guess I am the only person here that found that impressive.

No jokes here, you know the stuff I come here to learn.

Thanks for the link also.

oane · 04-20-2003, 08:47 PM

Start with joe..

http://junior.apk.net/~jbarta/tutor/...e/special.html

And use these two to give yourself the finishing touch!

http://www.htmlgoodies.com/

http://www.pagetutor.com/

If your thirst is still not quenched, do a google for tutorials. There are thousands and also some very specific which share codes.

fox128 · 04-20-2003, 09:28 PM

Thanks poof

and yeah, its man.

sandeep · 04-20-2003, 10:06 PM

[edit]
and of course all this is pretty much exactly what fox128 mentioned above. so nevermind me and my absent mindedness

Evan · 04-21-2003, 11:24 AM

Quote:

Originally posted by poof
<i>fox128</i> you da man! (or manette, depends, just don't want to piss any person off.) You type the code like it was second nature.

Uhh, OK, I guess I am the only person here that found that impressive.

No jokes here, you know the stuff I come here to learn.

Thanks for the link also.

Yeah I was impressed too. Sucks being a novice... feel so dumb.
Thanks alot for the great stuff, hopefully i wont be so retarded when it comes to programming in the future....

w00tn00b · 05-08-2003, 06:47 PM

If you don't mind spending a little money, I would recommed buying Web Design In A Nutshell. <a href="http://half.ebay.com/cat/buy/prod.cgi?cpid=3445055&meta_id=1">Here</a>
is a link to the book on half.com where you can get it for around $6 after shipping. This book is not, however a tutorial. It is jjust a very good reference. Something that helps me (may not work for you, everyone learns differently) is to go to a page where I like the layout, right click it and choose view source (this is for most browsers) or you can download the page (usually File.. save as..) and open the html file in a text editor instead of a browser. You can look at the parts of the code you do not know and then look them up in the book to find out what they do and what the avalible settings are. Also, if you download them, you can change settings one at a time and the view the page in a browser to see what changed. Also, if you want a menu on your page, look at <a href="http://www.bluerobot.com/web/layouts/">BlueRobot.com</a>
They have some cascading style sheets (css) that you can use for free and tweak to make them look like you want. Once again, CSS is a little more advanced than basic HTML, but it is not too difficult and is covered in the book I recommended. Hope the helps and good luck on the page.

04-20-2003, 04:55 PM	#1 (permalink)
Evan Banned Location: Meahssahcheusetss	HTML help HELP! Well, I know a little bit of HTML i suppose. I've got a little booklet so i know the basics and a little more advanced stuff. I need help creating a little Navigation sidebar thing for my webpage, I tried using the </FRAME> tag as a suggestion from someone else but it didnt work to well. anyone give me a hand please?

04-20-2003, 05:14 PM	#2 (permalink)
meanSpleen Squid hat! Location: A Few Miles Away From Halx	Give us a link to what you are working on, or a site that has what you want. That way we can see what is going on. Second, you are asking for a sidebar, do you want tables or frames? Tables will reload each time you click a link. Frames will allow the links to stay put. For the most part, people prefer tables over frames. __________________ Like TFP? Donate To Keep It Alive!!

04-20-2003, 07:53 PM	#7 (permalink)
poof Psycho	<i>fox128</i> you da man! (or manette, depends, just don't want to piss any person off.) You type the code like it was second nature. Uhh, OK, I guess I am the only person here that found that impressive. No jokes here, you know the stuff I come here to learn. Thanks for the link also. Last edited by poof; 04-20-2003 at 07:57 PM..

04-20-2003, 08:47 PM	#8 (permalink)
oane Insane	Start with joe.. http://junior.apk.net/~jbarta/tutor/...e/special.html And use these two to give yourself the finishing touch! http://www.htmlgoodies.com/ http://www.pagetutor.com/ If your thirst is still not quenched, do a google for tutorials. There are thousands and also some very specific which share codes. __________________ Make me Mad. Make me Sad. Make me feel Alright.

04-20-2003, 10:06 PM	#10 (permalink)
sandeep Insane	[edit] and of course all this is pretty much exactly what fox128 mentioned above. so nevermind me and my absent mindedness Last edited by sandeep; 03-30-2007 at 09:40 PM..

04-20-2003, 05:36 PM	#3 (permalink)
Evan Banned Location: Meahssahcheusetss	well i havent put any of the stuff into it yet, Im on advanced angelfire making. http://www.angelfire.com/indie/darkasnight/index.html is the main page and http://www.angelfire.com/indie/darkasnight/dpmb.html is where im thinking of putting it. as far as tables and frames, i dont think it matters as long as its a navigational bar such as the one on this page http://www.spartansdbc.org i want it like those bars on the side....

04-20-2003, 06:30 PM	#5 (permalink)
Evan Banned Location: Meahssahcheusetss	yeah, i just have no idea how to use it, im trying to put in like buttons instead of link text and the side just doesnt come up. using the frame tag. still lost though

04-20-2003, 06:41 PM	#6 (permalink)
fox128 Upright	Heh, seems that I misread your post The buttons on that page were made with java (which is probably going to be way over your head if you want to learn it) but you could do the same thing with javascript or flash. For some javascript code, check out this site, they've got lots of examples: http://www.dynamicdrive.com/dynamicindex1/index.html

04-20-2003, 09:28 PM	#9 (permalink)
fox128 Upright	Thanks poof and yeah, its man.

05-08-2003, 06:47 PM	#12 (permalink)
w00tn00b Upright	If you don't mind spending a little money, I would recommed buying Web Design In A Nutshell. <a href="http://half.ebay.com/cat/buy/prod.cgi?cpid=3445055&meta_id=1">Here</a> is a link to the book on half.com where you can get it for around $6 after shipping. This book is not, however a tutorial. It is jjust a very good reference. Something that helps me (may not work for you, everyone learns differently) is to go to a page where I like the layout, right click it and choose view source (this is for most browsers) or you can download the page (usually File.. save as..) and open the html file in a text editor instead of a browser. You can look at the parts of the code you do not know and then look them up in the book to find out what they do and what the avalible settings are. Also, if you download them, you can change settings one at a time and the view the page in a browser to see what changed. Also, if you want a menu on your page, look at <a href="http://www.bluerobot.com/web/layouts/">BlueRobot.com</a> They have some cascading style sheets (css) that you can use for free and tweak to make them look like you want. Once again, CSS is a little more advanced than basic HTML, but it is not too difficult and is covered in the book I recommended. Hope the helps and good luck on the page.