Bilder ohne Abstand zueinander anzeigen

Status
Nicht offen für weitere Antworten.

mille

Erfahrenes Mitglied
Hallo.

Ich bastle gerade an einem Menü welches mit Linie die hierarchische Struktur darstellt. Ich verzweifle aber an der Darstellung.Ich möchte Bilder untereinander anzeigen, welche sich direkt berühren sollen. Das heisst zwischen dem bild oben und unten soll kein Abstand vorliegen. Garkeiner! Kein Pixel.

Hier n kurzer Beispielcode
HTML:
      <div id="menue">
      <div id="menuepunkt">Wir</div>
      <div id="menuepunkt"><img src="gfx/menue/line.gif" alt="" width="15" height="14" />Auftrag</div>
      <div id="menuepunkt"><img src="gfx/menue/line.gif" alt="" width="15" height="14" />Kontakt</div>
          <div id="menuepunkt"><img src="gfx/menue/line.gif" alt="" width="15" height="14" />Impressum</div>
          <div id="menuepunkt"><img src="gfx/menue/line.gif" alt="" width="15" height="14" />AGB</div>
      <div id="menuepunkt"><img src="gfx/menue/line.gif" alt="" width="15" height="14" />BLA</div>
</div>
Das zugehörige CSS:

CSS:
#menue {
	position: relative;
	margin-left: 0px;
	margin-top: 20px;
	float: left;
	width: 220px;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:	#000000;
	border: 0px;
}
#menuepunkt {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:	#000000;
	height: 12px;
	border: 0px;
	max-height: 12px;
}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
div{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

So siehts aus: http://www.da-mille.de/luecke.jpg

Könnt ihr mir sagen, wie ich die Anzeige der Bilder so hingebogen bekommen das da kein abstand von 1 oder 2 Pixeln dazwischen ist?
 
Zuletzt bearbeitet:
ich lese mir das gleich mal durch, muss aber dazu sagen, das ich auf jeden Fall vorgegebene Bilder nehmen muss. Denn CSS bietet mir nicht die Möglichkeit die Linien so zu zeichnen, wie sie gewünscht werden.


MfG
 
Status
Nicht offen für weitere Antworten.
Zurück