Strawberry16
06-24-2006, 10:10 PM
I am making a website, and I was wondering. How do I make a navagation bar? I can't seem to figure it out. My teacher it the HTML class I was in, didn't teach that! Please help!!!
|
View Full Version : I need help with my website!!!! Strawberry16 06-24-2006, 10:10 PM I am making a website, and I was wondering. How do I make a navagation bar? I can't seem to figure it out. My teacher it the HTML class I was in, didn't teach that! Please help!!! amyaurora 06-24-2006, 10:13 PM I recommend CSS for Navigation Bars. I located a easy CSS tutorial on making a Horizontal Navigation Bar with Rollover http://skeletorscorpse.com/joomla/content/view/131/34/ Strawberry16 06-24-2006, 10:14 PM Thanks. I will see if it works. Strawberry16 06-24-2006, 10:23 PM Im confused with the site you gave me. :( I feel dumb amyaurora 06-24-2006, 10:26 PM You can also try: http://www.developingwebs.net/tools/cssnavbar.php Brian-W.O.G 06-24-2006, 10:29 PM What kind of navigation bar are you talking about? A high-tech dynamic type of thing? Or just a simple navigation bar? If it's a simple navigation bar, you could probably use a table (if you don't know how to make tables I can teach and/or/do it for you). God bless, Brian Strawberry16 06-25-2006, 12:07 AM Just a simple Navigation bar. Nothing big. You don't have to make me one. But if you want to,you can. Thanks. But I don't want to force you to something you don't want to do. Brian-W.O.G 06-25-2006, 12:12 AM Oh don't worry, I enjoy doing things like that. Would you like me to make it for you or do you want me to show you how (it's completely up to you and I don't mind either way)? God bless, Brian Strawberry16 06-25-2006, 01:26 AM I don't care. Surprise me.:) Brian-W.O.G 06-25-2006, 01:31 AM Hehe, ok. I'll get it ready. Brian-W.O.G 06-25-2006, 01:57 AM Since you said suprise me, I'm going to show you how to make it (I like teaching) :). Nothing to complicated, don't worry. So, since you mentioned that you have an HTML teacher I'm going to assume you know some HTML. To start off, when your making a navigation bar, you want to figure out if you want the nav' bar to be vertical or horizontal. I'm going to be donig a vertical nav' bar with 5 links. To do this, you have to have a table which is basically a spread-sheet for a website. Let's start off the table like this: <html> <head> </head> <body> <table border="2"> <!-- I make the border of the table "2" so I can see what I'm doing when I'm creating the table --> Now, when your creating a table you have to know how they are created. Heres how they are created; They are created with cells, cells are added horizonally to a table to create a row. So that when you are creating a table, you make a row, you specify how many cells are in that row, then put the content in the cells, then move on the the next row. In the nav' bar I'm making here, I'm going to use 5 rows with one cell each. This is how I would do that: <table border="2"> <tr> <!-- tr stands for "table row" and creates a row within the table --> <td><a href="http://www.yoursite.com/">Yoursite</a></td> <!-- td stands for "table data" and creates a cell within the table. to add another cell to the row (horizontally) you just keep repeating the td tag --> </tr> <!-- ends the table row --> <tr> <!-- creates a new table row --> <td><a href="http://www.mysite.com/">Mysite</a></td> </tr> <tr> <td><a href="http://www.hissite.com/">Hissite</a></td> </tr> <tr> <td><a href="http://www.hersite.com/">Hersite</a></td> </tr> <tr> <td><a href="http://www.theirsite.com/">Theirsite</a></td> </tr> </table> Thats a basic nav' bar. Heres the outcome of the script, but I'll have to be unconventional hehe: --------- |Yoursite| --------- |Mysite | --------- |Hissite | --------- |Hersite | --------- |Theirsite | --------- I hope that helped. But, if you want to make a table that has that nav-bar plus cells for the content of the page it's a little bit different. But not that much harder. I can show you later if you want. Anyway, happy scripting! God bless, Brian Strawberry16 06-25-2006, 02:51 AM lol. Ok. Thanks much! :D Brian-W.O.G 06-25-2006, 02:53 AM Hehe, no problem, did it help at all? Strawberry16 06-25-2006, 02:55 AM lol. What do you know, we both got on at the same time. haha. Thanks. I was trying to search Nav' bars on the web,but nothing "easy" came up. It was all for like, advanced. THe class I did was like 3 weeks at the most. lol. I will go add it to my site now. Thanks again!!!:waves: Brian-W.O.G 06-25-2006, 02:57 AM Oh, looks like I replyed to the wrong comment hehe. Well, I'm glad I could help. God bless Strawberry16 06-25-2006, 02:58 AM OH MY GOSH!! It works!!! Thank you!!!!! Brian-W.O.G 06-25-2006, 04:42 AM No problem, glad to help! God bless, Brian |