/    Sign up×
Community /Pin to ProfileBookmark

How do I make a side nav bar?

how? What is the code for making a side nave bar. Like a divider so it it u know like a nav bar.

to post a comment
HTML

18 Comments(s)

Copy linkTweet thisAlerts:
@JonaNov 01.2004 — [font=trebuchet ms][url=http://www.roderickhoward.com/cssdirectory/]Design with CSS[/url].[/font]
Copy linkTweet thisAlerts:
@Masamune212authorNov 01.2004 — I dontknow where to do to find it. Cant you just post the code?
Copy linkTweet thisAlerts:
@JonaNov 01.2004 — [i]Originally posted by Masamune212 [/i]

[B]I dontknow where to do to find it. Cant you just post the code? [/B][/QUOTE]


[font=trebuchet ms]You don't know where to do to find it? That doesn't make sense. ?

I can post code that works, but how do I know it's what you want? Different layout techniques are necessary for different types of layouts and different variations/combinations, as well. Will your layout have a fixed-width, a percentage-width, or a font-size-based-width? I would suggest you learn to create layouts in CSS, and then go from there. The link I posted is a directory of links that will help you. Specifically, you should begin with the "Beginner's Corner," head to "Layouts," "List styling," and finally "Navigation."[/font]
Copy linkTweet thisAlerts:
@Ben_RogersNov 01.2004 — [i]Originally posted by Masamune212 [/i]

[B]I dont know where to do to find it. Cant you just post the code? [/B][/QUOTE]
Jona gave you the link. The link has links to places that teach design and layout with CSS. Look for it. It's not so simple as just "posting the code", there's more involved. And, if you want to learn webdevelopment, you should understand what you're doing anyways.
Copy linkTweet thisAlerts:
@Stephen_PhilbinNov 02.2004 — We do: Help those willing to learn.

We don't: Sit here waiting to churn out code on demand for people like a bunch of mugs.
Copy linkTweet thisAlerts:
@Masamune212authorNov 02.2004 — [i]Originally posted by Mr Herer [/i]

[B]We do: Help those willing to learn.



We don't: Sit here waiting to churn out code on demand for people like a bunch of mugs. [/B]
[/QUOTE]


duh I was asking to just gimme the code so I can learn that way. Like before i asked for how to make a table, and someone gave me the code and I learned that way. Im asking the same thing here. Im not demanding for it im asking. If you have the time to gimme the link to the site why not just copy and paste the code.
Copy linkTweet thisAlerts:
@JonaNov 02.2004 — [i]Originally posted by Masamune212 [/i]

[B]duh I was asking to just gimme the code so I can learn that way. Like before i asked for how to make a table, and someone gave me the code and I learned that way. Im asking the same thing here. Im not demanding for it im asking. If you have the time to gimme the link to the site why not just copy and paste the code. [/B][/QUOTE]


[font=trebuchet ms]Because that's uninspired material - anyone can copy and paste code, including you - as opposed to authentic material, which is inspired by the author at the time of writing. It's what gives the code life. In the same way that there is depth to a photograph and art to a painting, there is an art to web development and design. You want a side nav bar? You got it.[/font]

<i>
</i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en" dir="ltr"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;title&gt;Example&lt;/title&gt;
&lt;style type="text/css"&gt;&lt;!--
#container {
width: 780px;
margin: 0 auto;
}
#content {
float: left;
width: 550px;
border: solid 1px #000;
padding: 10px;
}
#nav {
float: right;
width: 200px;
border: solid 1px #000;
}
--&gt;&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="container"&gt;
&lt;div id="content"&gt;
&lt;h1&gt;This is the first header.&lt;/h1&gt;
&lt;p&gt;This is some text. [Application of Real Fake Latin script.]
Gef ziw momcuf. Huj. Kei wes mil tir gig lik pem yowlumreo gohlai wit dofmaj
xet huj. Bue. Teq pin yiv kij yowlik jeh lik cid baa ver sao vis lik vaq
gohsiq mek dug. Zuyfee rip yat nak sao loldie ziw zuyded yeu votvotmek vaq
yat zoxyuxwit nuoqio sep cuf. Xet vuuran hih zoxkij xovrip huj. Lolfuh. Yiv
kullik yeu bue. Poorurzuyzau pupvaq bue. Sorkah bic ran kulzuylik jag jojhuj.
Reo jojxovkokyeu gae zev kulroqdug. Coegig tutzau xiu cab mek cuf. Coekokwit
zoxnonlolroqdofdug. Qio quqpem pin cab ver nel jeh tir tap nonkei tap qen
momqam bue. Coerip gef rip hih fee gef jukgig lolpem jojzev yuxqen coepem
tossao huj. Xovxet jii kah roqreo kokhaf cab nak rip ver jii dofkulfee qopbeb
kulkij zuyvuunim mil kulnak bic bue. Munsep koksao.&lt;/p&gt;
&lt;/div&gt;
&lt;div id="nav"&gt;
&lt;h2&gt;Menu&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#" title="Home page"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" title="About us"&gt;About&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" title="Contact us"&gt;Contact&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" title="Site map"&gt;Site map&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@Masamune212authorNov 02.2004 — Thanks alot, but The reason im asking for you to copy and paste is that I am taking a class on HTML next year. So hopefully I wont have to bug you guys anymore. lol.
Copy linkTweet thisAlerts:
@NogDogNov 02.2004 — [i]Originally posted by Masamune212 [/i]

[B]Thanks alot, but The reason im asking for you to copy and paste is that I am taking a class on HTML next year. So hopefully I wont have to bug you guys anymore. lol. [/B][/QUOTE]

And if you follow some of those links, work through the tutorials, etc., you will probably find that course to be an "easy A", plus you'll probably know when your instructor is giving you out-dated and/or less-than-optimal information. ?
Copy linkTweet thisAlerts:
@Reli4ntNov 02.2004 — Wow, that was pretty bad. I wouldnt have have given him the code.

Most of those links you offered had navs he could have looked at the code for. If he's too lazy to click on two or three links then I dont see why you should be helping him more than that.

I am all for helping people, but wow...
Copy linkTweet thisAlerts:
@Ben_RogersNov 02.2004 — [i]Originally posted by Reli4nt [/i]

[B]I am all for helping people, but wow... [/B][/QUOTE]
I share your sentiment. I can't stand when people say "Well, how?" or "Just do it for me." as if I owe them something. If I'm trying to help you, I want to feel I've accomplished something. And if there are more places teaching what you're learning than burgers sold by McD's, you shouldn't be asking for examples.
Copy linkTweet thisAlerts:
@Masamune212authorNov 03.2004 — [i]Originally posted by Reli4nt [/i]

[B]Wow, that was pretty bad. I wouldnt have have given him the code.



Most of those links you offered had navs he could have looked at the code for. If he's too lazy to click on two or three links then I dont see why you should be helping him more than that.



I am all for helping people, but wow... [/B]
[/QUOTE]


WOW shut the **** up! I dont like your wise ass aditude ok! At least some people are nice, unlike you you peice of ****. and DONT EVER call me lazy again *****! I dont know where to go on the site. Im new to HTML and I dont know what half of that **** means! So lets see here. If i dont know ehat any of it means HOW THE **** AM I GOING TO FIND IT!! WOW use common sense. You could plainly see that I dont know much HTML yet you still post a wise ass remark.
Copy linkTweet thisAlerts:
@Khalid_AliNov 03.2004 — [i]Originally posted by Masamune212 [/i]

[B]... You could plainly see that I dont know much HTML.... [/B][/QUOTE]


Cool down fella, you must not use indecent language in these forums.

Most of the people who answer questions around here are volunteers including Jona), we respond to hundreds of questions with over the period of time, and in most of the cases members in these forums are generous enough to go out of the way and provide code snippets, however, if some one does do that, it can only mean that they are worn out for that day or at that time, therefore you must be patient and respectful to those who provide solutions to your problem.

We keep the right of banning a member who will resort to abusive language.
Copy linkTweet thisAlerts:
@Reli4ntNov 04.2004 — [i]Originally posted by Masamune212 [/i]

[B]WOW shut the **** up! I dont like your wise ass aditude ok! At least some people are nice, unlike you you peice of ****. and DONT EVER call me lazy again *****! I dont know where to go on the site. Im new to HTML and I dont know what half of that **** means! So lets see here. If i dont know ehat any of it means HOW THE **** AM I GOING TO FIND IT!! WOW use common sense. You could plainly see that I dont know much HTML yet you still post a wise ass remark. [/B][/QUOTE]


LOL.

Then you could have asked so you would know where to find it net time. Instead you'll just remain as ignorant as you were before.
Copy linkTweet thisAlerts:
@Megan-BethNov 29.2004 — Hey Jona...thanks for that link LOL...if he dun wanna use it I will!
Copy linkTweet thisAlerts:
@JonaNov 29.2004 — [i]Originally posted by Megan-Beth [/i]

[B]Hey Jona...thanks for that link LOL...if he dun wanna use it I will! [/B][/QUOTE]


[font=trebuchet ms]Anyone can use it; that's the beauty of the Internet! ? [/font]
Copy linkTweet thisAlerts:
@DraikeDec 01.2004 — [i]Originally posted by NogDog [/i]

[B] And if you follow some of those links, work through the tutorials, etc., you will probably find that course to be an "easy A", plus you'll probably know when your instructor is giving you out-dated and/or less-than-optimal information.[/B][/QUOTE]


Ha ha ha!!!

I'm in a web design class as I type this and let me tell you, I know way more than the teacher knows. Ooo! Let's do <font> tags! It's pathetic really.

I had to teach mehself CSS cuz I couldn't find any classes. Just Web Design. Took it just for the ability to use the apps like flash and stuff. Always wanted to try them out.

And masamune. Go ahead and learn CSS right now. It's actually pretty easy to learn. And remember to practice your skills. I find that if it's been awhile since I last coded anything I'm a little rusty but it comes back eventually. ?
Copy linkTweet thisAlerts:
@Ben_RogersDec 01.2004 — [i]Originally posted by Draike [/i]

[B]...Go ahead and learn CSS right now. It's actually pretty easy to learn...[/B][/QUOTE]
True; CSS is so much more... [i]practical[/i] than presentational code. I can't understand why anyone would stick by tables and font tags.
×

Success!

Help @Masamune212 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.11,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...