CSS Bild geht mit

Physically · 13. Februar 2012

Hey Leute,

ich habe eine Box mit den Einstellungen:

Code:

	float: left;
	width: 778px;
	height: 238px;
	margin-top: 25px;
	background-color: #f1f1f1;
	box-shadow: 0px 6px 9px 0px #aaaaaa;

So, dann habe ich dort ein Bild drin:

Code:

float: left;
	margin-left: 25px;

Und jetzt möchte ich rechts neben das Bild Text schreiben.

Wenn ich ihn geschrieben habe, klebt er am rechten Bildrand, das ist ja bis jetzt alles verständlich.
Wenn ich jetzt dem Text ein margin-left gebe, dann rückt das Bild auch mit nach rechts, warum das?

T. Smith · 13. Februar 2012

Codeschnipsel sind ungünstig, lade das Beispiel mal irgendwo hoch. Dann sieht man besser, was du versuchst.

NullPointer · 13. Februar 2012

Ist der Text auch gefloatet?

Physically · 13. Februar 2012

Nein, der Text ist nicht gefloatet.

T. Smith · 13. Februar 2012

Hättest du meinen Beitrag nicht geschickt überlesen, wären wir längst fertig.

trialgod · 13. Februar 2012

Das margin-left am Text würde dir eh nix bringen. Erst wenn der Text unter dem Bild steht, würde das margin-left was bringen. Wenn du den Abstand zum Bild regeln willst, musst du diesem ein margin-right geben. Damit der Text nicht am Rand der Box klebt (links z.B.) solltest du eher der Box ein Padding geben um alle Kindelemente darin zu positionieren.

Ich habe es getestet und bei mir geht das Bild nicht nach rechts. Halte dich eher mal daran, was T. Smith gesagt hat.

Physically · 13. Februar 2012

Das wars, ein Padding vom Bild aus setzen! Danke Euch!

Suche

CSS Bild geht mit

Physically

Lt. Commander

T. Smith

Lt. Junior Grade Pro

NullPointer

Lt. Commander

Physically

Lt. Commander

T. Smith

Lt. Junior Grade Pro

trialgod

Lt. Commander

Physically

Lt. Commander

Ähnliche Themen