[Yoshi.BZ]

Wenn ich ein Bild auf der Seite zentrieren will, umschließe ich es mit den center Tags.
Ich will aber diese Positionsangabe im Quelltext entfernen und statt dessen ins CSS schreiben.
Was muß ich denn da im CSS eingeben?

Hab es mit "position", "float" und "align" probiert, aber das geht nicht.

[mo]

komm schon, das sind doch css grundlagen.

hilfe zur selbsthilfe:
http://www.webmaster-resource.de/tutorials...ss-tutorial.php

[Yoshi.BZ]

Die ganzen Tutorialseiten kenn ich, is aber nirgends richtig beschrieben was ich denn nun ins Style Sheet schreiben muß. Es steht überall immer nur wie man Boxen anlegt, aber ich will ja keine Box sondern nen ganz normales Bild einfach rechts oder zentriert einfügen.

Auf der unten genannten Seite soll das Logo rechts sein. Es is auch rechts, aber nicht oberhalb der Linie. Mittig geht gar ne. Also muß ja irgendwas falsch sein.
http://www.pixilla.d...illa/links2.php

Hier das CSS:

#logosmall img {
	float: right;
	width: 80px;
	padding: 0px;
	margin: 0;
	border: 0px solid #000000;
}

Statt dem Float muß ich irgendwas anderes hinschreiben. "Position" und "text-align" hab ich schon probiert.

Dieser Beitrag wurde von Yoshi.BZ bearbeitet: 23. Juli 2006 - 15:45

[axx]

<p> ist ein Blockelement. Es folgt also ein Zeilenumbruch, außer du formatierst diesen Absatz als inline-Element. Danach kommt erst die Formatierung float:right für das Bild. Selbst ohne das umschließende Element div#logosmall kann der Absatz nicht um das Bild fließen.

Wäre der Absatz mit float:left; formatiert, sähe das schon anders aus. Das Element <hr> müsste dann aber wieder aus dem Fluss genommen werden.

p {float:left;}
hr {clear:left;}

Um ein blockelement horizontal zu zentrieren, formatierst du es mit margin:auto;

[Yoshi.BZ]

Ich hab auch noch ne andere Möglichkeit gefunden.

Im Quelltext.

<p>Link mich .. einfach die Bildadresse auf Deiner Seite einfügen.</p>
<div id="logosmall"><img src="http://www.pixilla.de/files/pixilla.logo.small.png" alt="Logo Mini"></div>
<hr>

Im CSS:

#logosmall img {
	width: 80px;
	padding: 0;
	margin-left: 0;
	border: 0px solid #000000;
}

Und dann bei "margin-left" über die Prozentangabe horizontal verschieben.

[axx]

? Ich seh' gar keine Veränderung.

[Yoshi.BZ]

 Zitat (axx: 23.07.2006, 19:34)

? Ich seh' gar keine Veränderung.

Habs auch noch gar ne hochgeladen
Aber jetz: http://www.pixilla.de/pixilla/test.php

[axx]

#logosmall img {
	width: 80px;
	padding: 0;
	display:block;
	margin:auto;
	border: 0px solid #000000;
}

[Yoshi.BZ]

Da is natürlich noch besser Cool