Dobrý den všem,
snažím si vytvořit grafiku pro svůj web a narazil jsem na tenhle problém.
Mám 4 divy:
<div style="width: 150px;">
<div class="m1"></div>
<div class="m2"></div>
<div class="m3">Novinky</div>
</div>
a pro ně tyto styly:
.m1 {
background-image: url(graphics/menu_graphic2.gif);
background-repeat: no-repeat;
width: 47px;
height: 40px;
float: left;
}
.m2 {
background-image: url(graphics/menu_line.png);
background-repeat: repeat-x;
height: 2px;
font-size: 0px;
}
(pro class ".m3" jsem zatím nedělal, ale to bude jen změna písma)
mělo by to vypadat jako když člověk pracuje s tabulkou a to tedy:
<table border=1>
<tr><td rowspan="2">obrazek</td><td>cara</td></tr>
<tr><td>text</td></tr>
</table>
jenže v IE je mezi obrázkem a čárou mezera, zatím co v FF není a já se jí nedokážu zbavit. Dal jsem všude padding, margin i font-size 0, ale ani to nepomohlo. Nevíte v čem je problém? Děkuju předem za odpovědi!