| Autor | Zpráva | ||
|---|---|---|---|
| cheli Profil |
#1 · Zasláno: 22. 9. 2009, 20:39:14
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 |
#2 · Zasláno: 22. 9. 2009, 20:56:21
Ukázka není možná?
|
||
| Bubák Profil |
#3 · Zasláno: 22. 9. 2009, 21:16:03
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 |
#4 · Zasláno: 22. 9. 2009, 21:28:08
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 |
#5 · Zasláno: 22. 9. 2009, 21:49:55 · Upravil/a: Bubák
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 |
#6 · Zasláno: 22. 9. 2009, 21:58:19
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
|
||
|
Časová prodleva: 15 let
|
|||
0