Free Online Courses for Software Developers - MrBool
× Please, log in to give us a feedback. Click here to login
×

You must be logged to download. Click here to login

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

Creating Menu - Course Cascading Style Sheets (CSS/CSS3) - Part 13 | web Developer courses

In this video, we will learn how to create a menu from what we have learned so far. We will start by creating an unordered list of items that mimic some of the browser menu elements.

Course:  

Duration: 16 minutes

Summary: In this video, we will learn how to create a menu from what we have learned so far. We will start by creating an unordered list of items that mimic some of the browser menu elements. As we all know the unordered list will display by default as a bulleted list with every item on a separate line. But using CSS we will try to change this and end up with the menu we desire. To start we can change the list style type to ‘none ‘ to remove the bullets from the list. Also we can change the display property for the list item to ‘inline’ to have all the list items on one line. Using the a:hover we can change the background color as the user hovers over the item. We complete our menu design by changing some additional properties like float, margin, padding, and border-right.

Methodology: Using simple examples to illustrate the key points.

Technology Used: CSS, HTML and Visual Studio 2010

Keyword: CSS, HTML, Visual Studio 2010, background-color, width, float, padding, margin, display, list-style-type, text-decoration, border-right, a:hover.



Senior Software Engineer with experience in C#, JavaScript, jQuery, Knockout JS, Kendo UI, HTML5, and SQL Server. Ayad has more than 20 years experience in technical training and teaching. Contributor to MrBool for about 7 years.

What did you think of this post?
Services
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually – in this case the price for this post is US$ 2,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 1,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits – in this case the price for this post is US$ 0,33
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login