CSS - Idiot

[get_you]

Hi alle,

vorweg mal: ich kenn mich mit CSS nicht wirklich aus. Möchte aber in einer seperaten Datei Formate ablegen. Schriftfarbe, Stil, Hintergrundfarbe etc...

So schaut der jetztige Code aus:


/* Schriftartfamilie - wenn möglich Arial, ansonst ohne Serifen */
h1,h2,h3,h4,h5,h6,p,ul,li,td { font-family:Arial,sans-serif; }

/* Überschriften eins bis sechs: Farbe blau, Laufweite gleich Normal ; Schriftgrößen durch Angabe von Größenverhältnissen */
h1 { color:#000066; font-stretch:normal; font-size:x-large }
h2 { color:#000066; font-stretch:normal; font-size:large }
h3 { color:#000066; font-stretch:normal; font-size:normal }
h4 { color:#000066; font-stretch:normal; font-size:small }
h5 { color:#000066; font-stretch:normal; font-size:x-small }
h6 { color:#000066; font-stretch:normal; font-size:xx-small }

/* Normalschrift sowie Listen: Farbe blau, Laufweite gleich Normal ; Schriftgröße durch Angabe von Größenverhältnissen */
p,ul,li,td { color:#000066; font-stretch:normal; font-size:normal; }

/* Überschriften und Standardschrift werden oben sowie links ausgerichtet - Textabstand von 5 Pixel nach links und rechts sowie 15 nach oben und unten */
h1,h2,h3,h4,h5,h6,p { vertical-align:top; text-align:left; margin:15px 5px 15px 5px }

/* Listen werden oben sowie links ausgerichtet - Textabstand von 15 Pixel nach links, rechts und 5 nach unten und oben */
li,ul { vertical-align:top; text-align:left; margin:5px 15px 5px 15px }


/* Listen (unsortiert) erhalten statt dem Kreis ein Quadrat */
li,ul { list-style-type:square; list-style-positionutside }


/* Hintergrundfarbe bestimmen */
body { background-color:#999999 }

/* wie werden Links dargestellt? Farbe, Unterstreichung etc... */
a:link { font-weight:normal; color:#000066; text-decoration:underline }
a:visited { font-weight:normal; color:#666666; text-decoration:underline }
a:hover { font-weight:normal; color:#006600; text-decoration:none }
a:active { font-weight:normal; color:#666666; text-decoration:underline }



Ok, ist halt von einen Laien - CSS-Idiots

Es wäre schön, wenn ich eine Möglichkeit hätte, dass Bilder zentriert dargestellt würden. Momentan kann ich das in die HTML-Datei schreiben, aber irgendwas in obingen CSS-Code verhindert das. ALLES wird links geschrieben bzw. angezeigt. Das ist für Text erwünscht aber nicht für mehr.

BITTE um HILFE !!!

get

[käptn]

Bilder sind "inline" Elemente und sind dadurch auch von

text-align: left;

betroffen.

<p style="text-align: center;">
  <img ... />
</p>

~

[get_you]

Yup, funktioniert !

Danke vielmals