3 posts

Create a ‘|’ bar Separated Horizontal Menu with CSS3

A simple CSS3 code that will generate a menu like this: ┬áHome | About | Contact | Sitemap – each link separated with ‘|’ (vertical) bar. <style type=”text/css”> ul#nav li{ float:left; margin-right:20px; list-style:none; } ul#nav li:after{ content:’|’; margin-left:20px; } ul#nav > li:last-child:after{ content:”; margin-left:0; } </style> <ul id=”nav”> <li><a href=”#”>Home</a></li> […]

CSS Attribute Selectors

An attribute selector is used to select a HTML element using one of its attributes value. They allow one to write CSS for things already coded, without having to go back and add classes or ids.