Latest Lists - Programmers & Designers

Programmers & Designers - Css Need Help?

I was told that one of the best ways to create a "Navigation Bar" ( wearther it horizontal or vertical ) is the create it in the "Html" style of a "Unordered list" & then style it using "Css", which is what I'm doing. I only new to the hole concept & the task of doing this is doing my head in. I was just wondering if anyone could help me understand how to style an "Unorderd list" using "Css". What each Element is & how "Css" effects each of the elements. 1: UL - When styling this element with "Css" what happens? 2: LI - When styling this element with "Css" what happens? 3: a - When styling this element with "Css" what happens? Basicly, as you can see I just want to know how to proper style an "Unordered" List, weather it be with "Text" Links or "Graphic" links

Public Comments

CSS is very useful when it comes to design and styling the webpage. The UL and LI elements (styled) will affect the text / picture / data, inserted in the <ul><li> parameters. For example if you put something like <ul> <li>Option 1</li> <li>Option 2</li> </ul> --> in your web page, then "option 1" and "option 2" will be auto marked. If you use css to change the style of this elements, than will appear as you designed it, otherwise being default. The "a" parameter is for the links shown in your webpage. Suppose you have something like this in your style.css: A, A:Visited { text-decoration: none; color: white; } This means that every link's color displayed on your webpage, will pe white. Like "color: white", you can also use other parameters like: font-size, text-decoration, font-family, and others. You can also define the A:Hover in css, to "tell" the webpage how the link it's going to look like, when the user rollover it. A:Hover { color: #ffbb22; } This will display the link yellow when the cursor is moved over it. To load your css file in the webpage, you can put this line between the <head> and </head> tags. <link href="style.css" type=text/css rel=stylesheet> I recommend you to use an editor like Macromedia Dreamwaver from adobe. This editor "knows" this parameters, and will make the work easyer.
If you would like to know what you can do with CSS and a Navigation Bar, check out my resume. http://nathankemp.awardspace.com The navigation bar on my resume and my portfolio are both made using an unordered list and CSS.