Download to read offline
Uploaded byDaniel Downs
Vertical bar css and html
The document discusses new books on HTML, CSS, JavaScript and Ajax from W3Schools. It provides code for a vertical navigation bar with links to "Home", "News", "Contact" and "About". The code adds a background color to the links to demonstrate that the full area of each link is clickable, not just the text.
Vertical bar css and html
- 1. W3SCHOOLS BOOKS New Books: HTML,CSS JavaScript, and Ajax www.FullSail.edu Ads by Google Edit and Click Me >> <html> <head> <style type="text/css"> ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; background-color:#dddddd; } </style> </head> <body> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> <p>A background color is added to the links to show the Your Result: A background color is added to the links to show the link area. Notice that the whole link area is clickable, not just the text. Home News Contact About Edit the code above and click to see the result. W3Schools.com - Try it yourself Page 1 of 1Tryit Editor v1.4 9/28/2010http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical