Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

What was the name of the tag that..

What was the name in CSS that when you do the nag bar, and you want to put it by hand code the bar , its like when you got links, and between them you have a line and the last one you delete it by selecting last child . What was the name of that ?

3 Answers

Aurelian,

I'm not sure if I understand your question, but are you asking what the line is called that is sometimes put between links in a nav bar?

If that is the case, it can be a few different things. You could achieve it by inserting a pipe or vertical bar character (I'd use the HTML entity code for it, like &verbar see here for more), or even by adding padding to the links and then giving them left or right borders.

Erik

Thank you .

Well, i want to do what you said. I just can't remember how i did it because the border seem too long ( height) and I'm pretty sure you can't do anything with it. Im wondering if i did put | in span or if i just put an image.

I just had over 2-3 months of break , but i got an idea so well, I'm of to HTML and CSS reminding now as well as i will do around 1h on iOS . : p

Ah, I see!

Yes, if height is a concern, I would go with putting a vertical bar in span elements and just put those (either with margins or padding on the links, or with   in the spans on either side of the |) in between each link. Much more efficient than images!

Erik

Ill do that! :)

Ill see how i will cope with it. i think it shouldn't be hard to remember it . Although i was pretty new to responsive , flex box code and umm i hope ill suck it well and fast .

bdw , i went onto you profile and well, it seem you have a successful story .

Could you tell me more about it ?

What i have in idea , its related to websites but i just ..

I won't have iMac in around 6 months , so iOS will be pretty useless. Since I'm gonna live alone, iMac will be far too expense to buy etc.. so ill probably gonna have to buy some windows (cheap) . Im will be 18 on may , so thats mine time. And as what i have in plan, I'm not totally beginner in HTML/CSS etc.. ok in JS i know how it works , PHP Ruby umm just got a look on it and did some work on it tbh. So i want to do something that i could well , earn via these skills. I learned a lot via forum , i mean i love Treehouse forum because you have people that now stuff and i learn from them plus i like helping other people and set their mind i guess, because everything is possible just people need to know it.

So what I'm trying to do and have in mind 6 months and make a website so as making wordpress themes . Im more interested in like 40pounds per day , yes, thats something else etc.. but as i would need these to live by my self . Well around that maybe less, depends not sure how it works. I just don't want go to some job , and you know spend hours there instead of studying since i want go to a university that is a bit high and i certainly need to improve my English . Im pretty shy , etc.. getting a job my be good idea but well ..

My english is bad and some of it can seem odd : p just can't explain it better. Im working on my Enlgish .

bdw , im actulay struggling to do it : p could you show me where to put it and how to style it with a cople lines of code please?

Aurelian,

Again, there are many ways you could achieve this, but below is one way to go about it:

<!-- HTML -->

<nav>
    <ul>
        <a href="#"><li>Home</li></a>&vert;
        <a href="#"><li>About</li></a>&vert;
        <a href="#"><li>Contact</li></a>&vert;
        <a href="#"><li>Schedule</li></a>
    </ul>
</nav>
/* CSS */

li {
  display: inline-block;
  margin: 0 5px;
}

li:first-child {
  margin-left: 0;
}

li:last-child {
  margin-right: 0;
}

Alternatively, you could remove the &vert; from the HTML and use the before or after pseudo-classes on your li's and fill the content property with ' | ', you could do borders on one side of each li or anchor, etc. Also and obviously, you would probably want to make sure you added ids and/or classes to each of your elements there and select them more specifically than I did in my CSS. I just went the most basic route for clarity's sake.

As far as my story goes, there really isn't too much more to it beyond what you might have guessed. I got a Treehouse account sometime late last year, studied hard (every day), then submitted inquiries to job postings that I found looking for entry level developers and got lucky enough to get hired by one of them! It helped that I was unemployed at the time that I began my Treehouse studies, as it allowed me to literally watch videos and practice and study hard all day (minimum of 6-8 hours) every day. After a few months of that, I knew enough and was practiced enough to be able to get my job in March of this year, and I'm still going strong at it and learning every day.

Luckily, this is a field that doesn't require proper schooling or any fancy, expensive degrees; if you want it badly enough and dedicate yourself to learning the craft, you will be able to prove to any potential employer or freelance client that you are capable of performing the tasks that they want, and you will be able to be paid very well for doing it. Depending on what your skill set becomes, how proficient you are in what you do, how long it takes you to do things, and if you get a full time job at a development house or work completely freelance, your rate will vary (and naturally, will increase over time). All it takes is the will to work hard (constantly; this work is problem solving all day) and the desire and ability to learn, and you'll be able to throw your hat into the ring with the rest of us!

Additionally, you don't need any big expensive equipment to do this work, certainly not to start out (depending on what your goal is, I suppose - a designer might need a little bit more than a developer if they need access to paid image editing software and the like). All you need is a working computer, an internet connection, and a text editor. Buy whatever computer you can afford, but don't worry too much about all the specs as you're starting out. After you've got some practice under your belt and can build a few sites for some clients and get paid, you can look into more expensive equipment if you need it. Alternatively, it isn't a bad idea to pick up a part-time job on the side while you're learning. Having that extra income is always nice, and it can help to get away from the screen/studying every once in a while for a few hours to let things sink in and give your brain a chance to refresh.

Again, just study hard every day, figure out what exactly you want, and go for it. Before you know it, you'll have the job you're looking for!

Erik

Thank you for the answer :)

I actually never saw that way of separating the links that way. I must used an image before or so borders .

Thank you for your answer the lower on too, ill think about it too but as i think, because i have college and depending on what time i would go of . If i would go to a job , i would spend all time there with no time for me to study at home. Or if that 4h it will be still quite late . Unless i would study up to 3h .

I though about developing wordpress themes actually .

Im also learning graphic design a little too so well , i hope these days pc's can run it easy from 2014.

Thank you :) ill tell you how its going with the studies if you want ,Ill see in what position i will be after Christmas :)

You'll be fine working with PC, regardless of the work you're looking to do here; a lot of designers have preferences one way or the other, and while I know a lot of them do lean towards Mac, PC will suffice!

Hope all goes well, and keep up the hard work!

Erik

Thank you :)

Hope all goes well to you too .