[gelöst] <li> durch ein Bild ersetzen

Begonnen von Steffen1401, 10. Februar 2009, 19:31:22 Uhr

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Steffen1401

10. Februar 2009, 19:31:22 Uhr Letzte Bearbeitung: 10. Februar 2009, 23:17:37 Uhr von Steffen1401
Nabend

Folgender Code aus einem Navigationsmenü:

<span>Titel</span>
<ul>
<li><a href="seite.php"  >Titel</a></li>
<li><a href="seite.php"  >Titel</a></li>
<li><a href="seite.php"  >Titel</a></li>
</ul></div><br>


In der Webansicht wird vor dem Titel ein Punkt angeziegt, ich möchte nun vor dem Titel ein Bild setzen und der Punkt bzw die Aufzählung soll komplett weg. Muss aber dennoch untereinander stehen.

In der CSS Datei habe ich schon die Linkbefehle vom <li> Tag befreit und <ul> sowie <li> im Menü entfernt.

Normalerweise sollte es denn so aussehen:

<span>Titel</span>
<img src="bild.png"><a href="seite.php"  >Titel</a>
<img src="bild.png"><a href="seite.php"  >Titel</a>
<img src="bild.png"><a href="seite.php"  >Titel</a>
</div><br>


Wenn ich nun in der CSS die Linkbefehle (a:link hover etc) aktivieren, dann steht das Bild immer über dem Titeltext.

Setze ich die Bilddatei vor der Beschriftung des Links, dann ist das Bild im Link miteinbezogen und das will ich nicht.

Wäre schön wenn mir da jemand weiterhelfen könnte :-)

CSS Ausschnitt (mit li und ul)

#menu2 ul, #menu2 li {
margin-left:16px;
padding: 0px;
color:#2073A5;
}

#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
height: 16px;
line-height: 16px;
padding-left:6px;
}


Ich kam vorhin erst auf den gedanken, dass Bild einfach linksbündig zu setzen und nun passt es so wie es soll ;-)