Happy Codings - Programming Code Examples
Html Css Web Design Sample Codes CPlusPlus Programming Sample Codes JavaScript Programming Sample Codes C Programming Sample Codes CSharp Programming Sample Codes Java Programming Sample Codes Php Programming Sample Codes Visual Basic Programming Sample Codes


HTML & CSS Web Design

Html Css > Code Examples

Anchor font-family

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
Anchor font-family <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Anchor font-family</title> <style rel="stylesheet" type="text/css"> #meta { display: block; float: right; padding: 36px 0 0 0; } #meta li { display: block; float: left; padding: 0 16px 0 0; } #meta a { display: block; float: left; font-family: Arial; font-size: 12px; color: pink; text-decoration: none; padding: 0 0 0 15px; background-position: 0px 2px; background-repeat: no-repeat; } .meta1 { background-image: url(images/background-image1.gif) } .meta2 { background-image: url(images/background-image2.gif) } .meta3 { background-image: url(images/background-image3.gif) } </style> </head> <body> <div id="header"> <ul id="meta"> <li><a href="happycodings.com" class="meta1">happycodings</a></li> <li><a href="javascript.happycodings.com" class="meta2">javascript</a></li> <li><a href="cplusplus.happycodings.com" class="meta3">cplusplus</a></li> </ul> <div id="search"> <input type="text" class="search" /> <input type="button" value="Search" class="search-button" /> </div> </div> </body> </html>