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
How to create a fancy header like CODMEDIA?
Hi i been having issues with this for the longest and people seem to help but never explain how.
Anyways i want my taskbar to look like this Actually go to Cod-Media.net
When you go on it you'll see the task bar on the top header all the way pushed up. I want to do the same thing or something similar but dont have the near clue idea how.
I created the list
<div id="taskbar">
<ul>
<li>Home</li>
<li>About</li>
<li>Forum</li>
<li>Contact Us</li>
</ul>
</div>
By the way thats my personal way of labeling and creating. anyways i want to make them horizontal but when im on the .css stylesheet i dont know what to put. Actually what do i label?
is it
#taskbar{
}
or
li or ul{
}
please help i dont know were else to look or ask im out of option.
3 Answers
Blake Leal
6,239 Pointstaskbar {
width: 600px;
}
taskbar ul {
text-align: center;
margin: auto;
}
taskbar ul li {
display: inline;
}
taskbar ul li a {
text-decoration: none;
color: #FFF;
font-family: 'Museo5';
font-size: 12px;
font-style: normal;
padding: 30px;
}
taskbar ul li a:hover {
color: #F0F0F0;
}
If all you want to do is make the nav horizontal, then all you have to do is add "display: inline;" to your css in taskbar ul li (as noted above).
If I'm wrong please correct me. I'm brand new here!
I'm about to try it but my other question is, why must I do a style for each attribute (not sure what they're called)? Why must I do one for taskbar ul il and taskbar ul etc
I tried it and well it's some what close to but not exact however I will just do by tweeking it through trial an error