63 lines
1.4 KiB
HTML
63 lines
1.4 KiB
HTML
|
<!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" subLang="en-US" xml:subLang="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>
|