Hey people, I'm stuck on this project and need some help. A client has asked me to redo his header for his website. Right now his header is strictly HTML, and wants to switch it over to CSS. On a scale of a 1-10, I'm about a 6 at CSS, (currently taking night courses learning it)... So if you guys could help me I would appreciate it. Alright, let me try and explain this as clearly as possible. Here is a mock of what the clients website looks like: The tabs are all image rollovers that were made in Adobe Fireworks, sliced, and placed on the page. What the client wants done is to make a CSS powered navigation bar. I managed to make a nav bar, alongside with some rollovers (when the mouse is rolled over the tab, the tab's background color changes, using the a:hover tag), but it's not exactly what I expected. Also, the client wants the tab of the current page with a white background, and no border at the bottom of the tab. I'm hoping somebody can help me out over AIM, MSN, or Yahoo. I know it's something you don't have to do, but I'll give you a cut out of what I'm making on this project via PayPal... or if you're in the Dallas area and want to pick up the $$. Thanks, and hopefully somebody can get back to me ASAP.
Well to sort out the styling for the current tab place a "id" attribute in the opening tag for the element the link is contained in and then style it using CSS. For example im guessing the Navigation is in an unordered list like so: <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> </ul> HTML: Now if say Link 1 was the current active page then add an "id" attribute to it like so: <li id="current"><a href="#">Link 1</a></li> HTML: Then in your CSS style it like follows: #current { background-color: #FFFFFF; border-bottom: none; } Code (markup):
Hi, You don't have to pay money. We will help you for free (or at least I will). Yes your above code is correct. ~eric