Download
    Interview Question     &Answer
Main Menu
CSS Padding@ Shwetank education.com
Definition -  A navigation bar needs standard HTML as a base.CSS you can transform boring HTML menus into good-looking navigation bars.

A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense

Example
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">About us</a></li>
<li><a href="contact.asp">Services</a></li>
<li><a href="about.asp">Contact us</a></li>
</ul>
Output

Vertical Navigation Bar
a
{ display:block;
width:60px;
}
Horizontal Navigation Bar
Using inline or floating list items.
Inline List Items
One way to build a horizontal navigation bar is to specify the <li> elements as inline, in addition to the "standard" code above Example

li {
display:inline;
}
Floating List Items
In the example above the links have different widths. For all the links to have an equal width, float the <li> elements and specify a width for the elements
Example
li
{ float:left;
} a
{
display:block;
width:60px;



IT  Projects Links
M-Tech Thesis
Php Project
Java Project
Asp.Net Project
Android Project
Vb .Net Project
Html Project

------------------------------- Electronics  Project
Networking
Embedded system
Telecom
Robotics
CCNA
------------------------------- Latest IT  News


Copyright 2010-2015    shwetankeducation.com
Privacy & Terms