mezera mezi divama
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!
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!
Co takhle zkusit dat divy do jednoho radku, tak aby mezi nymi nebyla mezera?
Ono se nekdy stane, ze obycejny enter zpusobi obycejnou mezeru.
Ono se nekdy stane, ze obycejny enter zpusobi obycejnou mezeru.
To mě nenapadlo, dal jsem je do jednoho řádku, ale bez efektu:(
Když mi pošleš na mail ten html a css soubor, tak se ti na to podívám. Takhle se to dá poznat celkem těžko.
<HTML>Toto je starší problém než snad WZ :)
http://petr.vaclavek.com/article/143/Reseni-problemu-s-FLOAT-v-MSIE
http://ie-brouci.dero.name/float-bug.html</HTML>
http://petr.vaclavek.com/article/143/Reseni-problemu-s-FLOAT-v-MSIE
http://ie-brouci.dero.name/float-bug.html</HTML>
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami