✔ Problem mit Bild und Link

[schutzgeist]

N'Abend,

hab mal wieder ein Problem, dass mich langsam zur weißglut treibt...

Die Seite..

<h2>Geliebt</h2>
<div class="up"><a href="#oben"><img src="img/up.png" alt="nach oben" width="8" height="8" /></a></div>
<ul>
<li>+ Schatz :)</li>
<li>+ ausschlafen</li>
<li>+ (Plastik-)Sonnenblumen</li>
<li>+ iPod</li>
...

und zwar geht es um den kleinen Up-Pfeil neben 'Geliebt'.
Wenn man über die Grafik mit der Maus drüber fährt, dann sitzt sie perfekt...
Allerdings bekomm ich die normale a-Klasse dafür nicht formatiert... egal was ich mache, die Grafik rutscht immer ein Stückchen nach unten und hat die gepunktete Linie darunter...
Einen roten Rahmen z.b. darum zu legen geht... aber nicht, den Rand zu unterdrücken oder ähnliches -.-

aktueller CSS ohne missglückte Versuche:

.up {
float: right;
text-align: right;
margin-top: -10px;
}
.up img{
border: none;
}

Danke schonmal,
Steffi

 

[Maik]

In meinem Lösungvorschlag wird die Grafik als Hintergrundbild für den Link verwendet:

#content .up a {
background: url(../img/up.png);
display: block;
width: 8px;
height: 8px;
border: none;
}

#content .up a span {
display: none;
}

<div class="up"><a href="#oben"><span>nach oben</span></a></div>

 

[schutzgeist]

Und wieder einmal bin ich dir zutiefst zu Dank verpflichtet