stupid question .... how do call this in english : Digital Point Forums > Search Engines > Google > AdSense > Guidelines / Compliance i forgot the technical name for it the way links in HTML are made .. category -> sub catg -> sub sub ..
It's a breadcrumb. The best way to make this is to use an unordered list containing other unordered lists, with one list item per level. Since this will be used once per page, simply give the parent list an ID and style from there: <ul id="breadcrumb"> <li><a href="">Home</a> <ul> <li><a href="">First Sub-Section</a> <ul> <li><a href="">Second Sub-Section</a></li> </ul> </li> </ul> </li> </ul> Code (markup): And the CSS for it (bear in mind this is a basic example, and IE7 will have some issues with it when you zoom the entire page because of how it deals with rounding): #breadcrumb, #breadcrumb ul { display: inline; list-style: none; } #breadcrumb li { display: inline; padding-left: 0.25em; } #breadcrumb ul { border-left: 1px solid #000; } #breadcrumb a { background-color: #FFF; color: #00F; text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } Code (markup):
I forgot to mention that I also use this to set all the margins and padding on every element in the page to 0: * { margin: 0; padding: 0; } Code (markup):