Autor Zpráva
cheli
Profil
Zdravím. Narazil sem na problém, který sem zatim žádnýma technikama neodstranil v IE6 a IE7. Vytvořil sem tlačítko pomocí odkazu a obrázku, ale prvky pod obrázkem nad sebou mají horizontální mezeru.
Kód je třeba takhle:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <style>
  body {padding: 0; margin: 0}
  a {display: block; margin: 0; padding: 0}
  #block {background-color: red; width: 300px; height: 30px;}
  </style>
  </head>
  <body bgcolor="blue">
<a id="m1-btn1" href="">
<img src="m1-btn4.png" name="btn1" border="0"><span>Home</span>
</a>

<div id="block">
</div>
  </body>
</html>


Děkuji každému za radu
Hitman
Profil
Ukázka není možná?
Bubák
Profil
Nevím, co děláš (v CSS) se SPANem v odkaze, snad ti to pomůže, ale zkus deklarovat také obrázky jako blokové, nějak takto:
  <style>
  body {padding: 0; margin: 0; background: blue;}
  a {display: block;}
  #m1-btn1 img {display: block;}
  #block {background-color: red; width: 300px; height: 30px;}
  </style>
  </head>
  <body>
<a id="m1-btn1" href="">
<img src="m1-btn4.png" name="btn1" border="0"><span>Home</span>
</a>

<div id="block">
</div>

Nevím, o jaku kulišárnu se pokoušíš, možná by bylo vhodnější použít obrázky na pozadí odkazu.
Bez odkazu neumím lépe poradit.
cheli
Profil
Odkaz s chybou - chci odstranit tu mezeru mezi těmi prvky, která se objevuje v IE.

Pokoušim se vytvořit odkazy menu s načtením obrázku do paměti pomocí javascriptu. Dříve sem to řešil nastavením pozadí odkazu, ale poté, co se razantně objevilo načtení obrázku po jeho druhém najetí na něj, tak sem našel metodu, která to řeší tagem IMG + javascriptem v odkazu - onmouseover="document['btn4'].src = 'pics/m1-btn3.......

Ovšem pod odkazy s obrázky je horizontální mezera. Nejde to řešit marginem, paddingem a ani jinýma HTML tagama. Nějak to ale jít musí.
Bubák
Profil
Pokud to uděláš, jak jsem napsal výše, mezera v IE6 a IE7 zmizí.

Nejde to řešit marginem, paddingem...
To je fakt, ale tento klasický problém, který způsobují mezery v kódu, je možné řešit mnoha způsoby, jak v HTML, tak v CSS.
cheli
Profil
Vyřešeno! Řešil sem to nějakými způsoby, ale tohle k tomuhle nedošlo. Ještě že se můžu vždycky spolehnout tady na vás. Dík

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: