Abstand zwischen CSS-Rollovers
Viennamad
- css
0 MudGuard0 Viennamade0 Viennamade0 MudGuard
Hallo!
Ich bin am wahnsinnig werden. Ich habe auf Basis der Meyer'schen CSS-Popups ein Menü gemacht. Zwischen den Rollovers bleibt aber immer ein Abstand von ca. 5 Pixeln. Habe zum Testen schon so gut wie überall padding:0px;margin:0px eingetragen, aber die Abstände wollen bleiben.
Unten steht der gekürzte Quelltext, hoffe sehr, daß mir jemand hilft!
Danke
Viennamade
<style type="text/css">
<!--
a img {height: 46px; border-width: 0; }
a#home img { width: 59px; }
a#prods img { width: 76px; }
a#home img {background: url(graphics/menu/home_de.gif) top left no-repeat; }
a#prods img {background: url(graphics/menu/prods_de.gif) top left no-repeat;}
a#home:hover img {background: url(graphics/menu/home_en.gif) top left no-repeat; }
a#prods:hover img {background: url(graphics/menu/hprods_de.gif) top left no-repeat;}
-->
</style>
</head>
<body>
<div style="padding:0px;margin:0px;">
<a id="home" href="home.html"><img src="img/b.gif" alt="Home" /></a>
<a id="prods" href="prods.html"><img src="img/b.gif" alt="Produkte" /></a>
</div>
</body>
Hi,
Zwischen den Rollovers bleibt aber immer ein Abstand von ca. 5 Pixeln.
Dürfte eine Leerzeichenbreite sein.
<a id="home" href="home.html"><img src="img/b.gif" alt="Home" /></a>
<a id="prods" href="prods.html"><img src="img/b.gif" alt="Produkte" /></a>
Zwischen den beiden Links befindet sich Whitespace (mind. ein Zeilenumbruch).
Dieser wird gemäß den üblichen HTML-Regeln auf 1 Leerzeichen normalisiert und anschließend dargestellt.
cu,
Andreas
Hallo!
Zwischen den Rollovers bleibt aber immer ein Abstand von ca. 5 Pixeln.
Dürfte eine Leerzeichenbreite sein.
<a id="home" href="home.html"><img src="img/b.gif" alt="Home" /></a>
<a id="prods" href="prods.html"><img src="img/b.gif" alt="Produkte" /></a>Zwischen den beiden Links befindet sich Whitespace (mind. ein Zeilenumbruch).
Dieser wird gemäß den üblichen HTML-Regeln auf 1 Leerzeichen normalisiert und anschließend dargestellt.
Wow! Stimmt, wenn ich die links direkt aneinander schreibe </a><a>, dann sind die Abstände weg! "Normalisiert" empfinde ich als nettes Wort, ist somit das Aneinanderschreiben von Links im Quelltext ohne Zeilenschaltung dazwischen eine präsumptive Denormalisierung? :-)
Schade, daß es keine andere Möglichkeit dafür gibt (habe jetzt mit white-space:nowrap gespielt)!
Und, das mit dem Aneinaderschreiben funktioniert im Opera, im Mozilla, nicht im IE.
Danke!
Ich wäre sicher auch draufgekommen. Irgendwann Anfang März oder so:-)
Viennamade
... wenn ich die links direkt aneinander schreibe </a><a>, dann sind die Abstände weg!
Und, das mit dem Aneinanderschreiben funktioniert im Opera, im Mozilla, nicht im IE.
Funktioniert doch auch im IE!
Viennamade
Hi,
Ich wäre sicher auch draufgekommen. Irgendwann Anfang März oder so:-)
Welches Jahr? ;-)
cu,
Andreas