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.
Seite 1 von 1
Position Von Bild Im Css Festlegen
Anzeige
#2
geschrieben 23. Juli 2006 - 08:58
komm schon, das sind doch css grundlagen.
hilfe zur selbsthilfe:
http://www.webmaster-resource.de/tutorials...ss-tutorial.php
hilfe zur selbsthilfe:
http://www.webmaster-resource.de/tutorials...ss-tutorial.php
I'm mó. mo's good twin.
#3
geschrieben 23. Juli 2006 - 15:42
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:
Statt dem Float muß ich irgendwas anderes hinschreiben. "Position" und "text-align" hab ich schon probiert.
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
#4
geschrieben 23. Juli 2006 - 18:03
<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.
Um ein blockelement horizontal zu zentrieren, formatierst du es mit margin:auto;
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;
#5
geschrieben 23. Juli 2006 - 18:28
Ich hab auch noch ne andere Möglichkeit gefunden.
Im Quelltext.
Im CSS:
Und dann bei "margin-left" über die Prozentangabe horizontal verschieben.
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.
#7
geschrieben 23. Juli 2006 - 23:02
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
#8
geschrieben 23. Juli 2006 - 23:16
#logosmall img { width: 80px; padding: 0; display:block; margin:auto; border: 0px solid #000000; }
Thema verteilen:
Seite 1 von 1