nicht angemeldet
Ok, hab verstanden. ;-)
Sicher?
Hab alles geändert.
Hast du?
Ich weiss an was das liegt das der 4px Abstand entsteht. Es ist der Bild-Header. Wenn ich nämlich einen Flash-Header nehme tritt das nicht auf.
Bitte sag bei solchen Äusserungen den Browser und die Version dazu an. Ich versteh es nämlich nicht. Sowohl ein object-, als auch ein img-Element sind block-Elemente und sollten sich mit den selben Höhen- und Breitenangaben gleich verhalten.
Ich kann dich nicht mehr ganz nachvollziehen.
Welche Browser/-versionen testest du, welchen Doctype benutzt du (HTML, XHTML, Strict oder Transitional...)? Vielleicht haben wir völlig unterschiedliche Ergebnisse mit identischem Code.
Ich bat dich darum deine aktuellen Codeauschnitte zu posten. Wie sieht also jetzt dein betroffener CSS- und HTML-Code aus?
Dieser merkwürdige Abstand deutet darauf hin, dass <ul> kein margin und padding 0 bekommen hat.
Abschließend noch meine aktuelle Datei für dein Problem (wie du siehst ohne Abstand zwischen Bild und Menü {"bild.jpg" muss im selben Verzeichniss wie die HTML-Datei liegen und "bild.jpg" heißen}):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#nav ul {
margin:0;
padding:0;
list-style:none;}
#nav li {
float:left;
width:106px;
height:26px;
padding-top:2px;
background-color:#F0F0F0;
text-align:center;}
#nav li a {
color: #5A5B5D;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;}
#nav li:hover, #nav li:hover a{
color: #04AFAF;
background:#FFFFFF;}
-->
</style></head>
<body>
<img src="bild.jpg" alt="bild" />
<div id="nav">
<ul>
<li><a href="index.html">test1</a></li>
<li><a href="index.html">test2</a></li>
<li><a href="index.html">test3</a></li>
<li><a href="index.html">test4</a></li>
<li><a href="index.html">test5</a></li>
<li><a href="index.html">test6</a></li>
<li><a href="index.html">test7</a></li>
<li><a href="index.html">test8</a></li>
<li><a href="index.html">test9</a></li>
</ul>
</div>
</body>
</html>
Geht doch!?
Grüße, Matze
MudGuard