...Mam tabelkę z zaokrąglonymi rogami, wszystko wyświetla się poprawnie. Chcę ten kod przerobić na div, albo ul ale m inie wychodzi tzn. jak mam puste spany to obrazka nie wyświetla.Na tabelkach:
Kod
<table class="hr" width="193" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="rog_g_lew" width="15" height="6"></td>
<td class="pasek" height="23"><span class="naglowek2">dd</span></td>
<td class="rog_g_pra" width="15" height="5"></td>
</tr>
</table>
<tr>
<td class="rog_g_lew" width="15" height="6"></td>
<td class="pasek" height="23"><span class="naglowek2">dd</span></td>
<td class="rog_g_pra" width="15" height="5"></td>
</tr>
</table>
CSS:
Kod
.rog_g_pra{
width:13px;
background-image: url(/images/prawo.gif);
}
.pasek{
background-image: url(/images/srodek.gif);
}
.rog_g_lew{
background: url(/images/lewo.gif);
}
width:13px;
background-image: url(/images/prawo.gif);
}
.pasek{
background-image: url(/images/srodek.gif);
}
.rog_g_lew{
background: url(/images/lewo.gif);
}
próbowałem tak:
Kod
<div class="hr" style="width:193px;">
<ul style="list-style:none;float:left;display: inline;">
<li class="rog_g_lew" style="width:15px;"></li>
<li class="pasek" style="height:23px;">eLO</li>
</ul>
</div>
<ul style="list-style:none;float:left;display: inline;">
<li class="rog_g_lew" style="width:15px;"></li>
<li class="pasek" style="height:23px;">eLO</li>
</ul>
</div>
Z czego lepiej skorzystać? Z samych diwów czy z divów i ul?