HAllo Community,
ich hab ein problem und mein Verständnis reicht nich aus um das ganze zu lösen :( ich hoffe auf eure Hilfe
Und zwar hab ich ein Menü, das aus einer Liste besteht, das mit eigenen Listenpunkt-Grafiken (rechts )versehen werden soll zusätzlich will ich aber noch eine Trennstrichgrafik zwischen den Menüpunkten verwenden bin mir aber nich klar wie ich das machen kann
Menü:
<div id="menu">
<ul class="level_1">
<li>Home</li>
<li><a href="link1.html">Link 1</a></li>
<li><a href="link2.html">Link 2</a></li>
<li><a href="link3.html">Link 3</a></li>
</ul>
</div>
wenn ich mit der eigenen Listenpunkt-Grafik das so mache, wie ich es bisher immer getan habe geht das ganze nicht, da ich bereits ein Hintergrundbild einsetze:
Früher:
#menu ul li
{
display:block;
margin:0;
padding:0 20px 0 22px;
line-height:22px;
background:url("listImg.gif") left center no-repeat;
list-style: none;
}
der obere code geht nur, wenn ich zusätzlich keinen Trennstrich nutzen will
irgendwie müßte ich wohl nun das ganze NEU umstellen oder ?
NEU:
#menu ul{
display:block;
padding:0 20px 0 22px;
background:url("listImg.gif") right center no-repeat;
list-style: none;
}
#menu ul li
{
background:url("trennstrich.gif") left bottom no-repeat;
}
aber leider klappt es dann nich mit der position der eigenen Listenpunktgrafik :(
ich hoffe jemand kann imr helfen, das problem zu lösen!
viele grüße
Daniel