Anchor padding: 0 0 0 15px; : a « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. a

Anchor padding: 0 0 0 15px;

     

<!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></title>
<style rel="stylesheet" type="text/css">


#meta {
  display: block;
  float: right;
  padding: 41px 0 0 0;
}

#meta li {
  display: block;
  float: left;
  padding: 0 20px 0 0;
}

#meta a {
  display: block;
  float: left;
  font-family: Arial;
  font-size: 11px;
  color: red;
  text-decoration: none;
  padding: 0 0 0 15px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.meta1 {
  background-image: url(images/meta1.gif)
}

.meta2 {
  background-image: url(images/meta2.gif)
}

.meta3 {
  background-image: url(images/meta3.gif)
}


</style>
</head>
<body>
  <div id="header">
    <ul id="meta">
      <li><a href="index.html" class="meta1">Home</a></li>
      <li><a href="#" class="meta2">Bookmark</a></li>
      <li><a href="#" class="meta3">Contacts</a></li>
    </ul>
    <div id="search">
      <input type="text" class="search-field" />
      <input type="button" value="Search" class="search-button" />
    </div>
  </div>
</body>

</html>








Related examples in the same category

1.'a' Example: link
2.'a' Example: anchor
3.Link visted
4.a:active {color:#ff0000;}
5.A link with white space
6.A link to send an email
7.A link to a specific part of the page
8.Anchor display: block;
9.Anchor float: left;
10.Anchor font-family: Arial;
11.Anchor font-size: 11px;
12.Anchor color: red;
13.anchor color: #acaf2c;
14.anchor font-weight: bold;
15.a with accesskey
16.Anchors and Images
17.Using CSS with Anchors
18.Anchor inside a LI
19.Visted Anchor Style inside a LI
20.Img style inside an anchor
21.Anchor with ID
22.Using dotted line to highlight anchor
23.Link the file in upper level folder
24.Link to html file in the same folder
25.mailto link
26.Link to the file in a folder
27.Link to another site
28.Using ftp protocol in a link
29.Change color for links
30.'alink' specifies the link color inside the 'body' when it has the focus
31.'href' sets URL or anchor point of the 'a', 'area', 'base', and 'link' elements
32.'hreflang' specifies in the href attribute
33.'methods' sets a comma-separated list of HTTP methods supported by the element
34.'name' sets the element name or the target for an anchor 'a' element
35.'rel' describes the relationship between the document in href and the current document
36.'rev': The reverse of the rel attribute
37.'target' Example: blank, parent, self and top
38.'type': set the MIME content type of the document specified by the href attribute
39.'hidefocus' hides focus
40.'style' applies style inline rules to an element
41.'urn' Uniform Resource Name (URN) for a target document
42.'dir' sets the read direction