Flo: background-image in einem Link rechts positionieren

Beitrag lesen

SELF-Forum

background-image in einem Link rechts positionieren

Flo
– Informationen zu den Bewertungsregeln

Was hälst du von der lösung

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  
 <title>Muster</title>  
 <style type="text/css" media="screen">  
  
  body {  
   font-family: Verdana;  
   font-size: 62.5%;  
  }  
  
  div {  
   width: 200px;  
   background: #f0f0f0;  
   padding: 5px;  
   border: 1px solid silver;  
  }  
  
  a {  
   color: #444;  
   text-decoration: none;  
  }  
  
  /* Variante Link mit block */  
  a:hover, a:active {  
   text-decoration: underline;  
  }  
  a span {  
   background: url(http://www.per-net.ch/test/pfeil.gif) no-repeat center;  
   display: inline-block;  
   width: 8px;  
   height: 8px;  
  }  
  
 </style>  
</head>  
  
<body>  
 <div>  
  <p><a href="link.html">Hier steht ein Link<span></span></a></p>  
  <p><a href="link.html">Hier steht ein Link der über zwei Zeilen l&auml;uft.<span></span></a></p>  
  
 </div>  
  
</body>  
</html>

gruß
Flo

Beitrag melden
–
Informationen zu den Bewertungsregeln