Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Make my Menu look like this? CSS Web design?

Hi for a project in my website design course I need to reproduce a web page that is very badly made (using images to pad things out and stuff). It has a funny menu that looks like this: http://img18.imageshack.us/f/menuproblem.png/

I have no idea how to do this in CSS. Can someone get me started or suggest where i could look. I cant google it as im not sure what im searching for.

Any help would be appreciated.

1 Answer

Relevance
  • Anonymous
    1 decade ago
    Favorite Answer

    Hi, you can do this by defining the menu in html like a list first.

    <ul>

    <li> welcome </li>

    <li> company </li>

    etc..

    </ul>

    Then, style that with css targeting each one of the <li> elements

    with a diferent "padding-left"

    look for css specificity: http://css-tricks.com/how-nth-child-works/

Still have questions? Get your answers by asking now.