Einzelnen Beitrag anzeigen
  #6 (permalink)  
Alt 19.11.2010, 16:09
Benutzerbild von ArcVieh
ArcVieh ArcVieh ist offline
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Du brauchst dafür keine abs. Positionierung.
Auch brauch #container_visit keine Breite - da bei float shrink-to-fit gilt.

Allgemein solltest Du deinen Code erst einmal auf Fehler überprüfen. Deine img-Tags sind nicht abschließend und du verwendet uA border="0".

Code:
<img  />
Für deine Vistenkarten-Geschichte eignet sich IMHO eine Definitionsliste:
HTML-Code:
<dl id="container_visit">
	<dt>Visitenkarte</dt>
	<dd>
		<a href="http://www.jam-studio.de/test/top/Jam%20Studio%20vCard.vcf" onmouseover="Image1.src='graphics/vc_over.jpg';" onmouseout="Image1.src='graphics/vc.jpg';">
			<img src="top-Dateien/vc.jpg" name="Image1" width="40" />
		</a>
	</dd>
	<dd>
		<a href="http://www.jam-studio.de/test/top/Jam%20Studio%20vCard.msg" onmouseover="Image2.src='graphics/vc_over.jpg';" onmouseout="Image2.src='graphics/vc.jpg';">
			<img src="top-Dateien/vc.jpg" name="Image2" width="40" />
		</a>
	</dd>
	<dd>
		<a href="http://www.jam-studio.de/test/top/Jam%20Studio%20vCard.msg" onmouseover="Image3.src='graphics/vc_over.jpg';" onmouseout="Image3.src='graphics/vc.jpg';">
			<img src="top-Dateien/vc.jpg" name="Image3" width="40" />
		</a>
	</dd>
</dl>
So sparst Du dir erst einmal das div, die einzelnen Image-Klassen und Du hast genug Elemente zum formatieren. Zum Beispiel so:
Code:
#container_visit, #container_visit dt, #container_visit dd {
	padding:0;
	margin:0;
}
#container_visit {
	float:right;
	height:50px;
	padding:15px 0 0 0;
}
#container_visit dt, #container_visit dd {
	float:left;
	padding:0 3px;
}

#container_visit dt {
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	line-height:25px;
}
/**
 * Easy Clearing
 * http://www.positioniseverything.net/easyclearing.html
 */
#container_visit:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
}
Dein eigentliches Problem löst hier die Eigenschaft line-height:25px;.
Des weiteren sollten Bilder immer einen alternativ Text erhalten, falls die Grafik mal nicht angezeigt werden kann.

Code:
a img {
            border:none;
}
Und das erspart dir das Attribut border="0".
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten