Also mein Vorhaben ist es die 14 mal 14 Icons
so anzuzeigen, das ein Quadrat entsteht :-)
Das funktioniert nicht. genauso das die Icons gar nicht erst angezeigt werden!
Vielleicht mag da jemand mir helfen?!
Hier mein Code Schnippsel
Code:
.sn_feld
{
width:500px;
height: 14px;
padding:0;
margin:0;
}
.sn_feld ul
{
padding:0;
margin:0;
}
.sn_feld li
{
list-style-type:none;
display: inline;
padding:0;
margin:0;
}
.sn_feld a
{
margin:0;
padding:0;
width:500px;
height: 14px;
}
.sn_feld a:hover
{
text-decoration:none;
}
.wong
{
background-image:url(/images/sn/icon_wong.gif)
}
.digg
{
background-image:url(/images/sn/icon_digg.gif)
}
.newstube
{
background-image:url(/images/sn/icon_newstube.gif)
}
.webnews
{
background-image:url(/images/sn/icon_webnews.gif)
}
Code:
<div class="sn_feld">
<ul>
<li><a class="del" href="http://del.icio.us/post?url=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span> </a></li>
<li><a class="yigg" href="http://yigg.de/neu?exturl=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span></a></li>
<li><a class="wong" href="http://www.mister-wong.de/index.php?action=addurl&bm_url=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span></a></li>
<li><a class="digg" href="http://digg.com/submit?phase=2&url=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span></a></li>
<li><a class="webnews" href="http://www.webnews.de/einstellen?url=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span></a></li>
<li><a class="newstube" href="http://www.newstube.de/submit.php?url=<?php print $LINK_URL;?>" target="_blank"><span style="left: -10000px; width: 20px;position: absolute;">LEER TEXT</span></a></li>
</ul>
</div>
