CSS - Idiot
 

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-position:outside }


/* 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 :D

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

Bilder sind "inline" Elemente und sind dadurch auch von

text-align: left;

betroffen.

~

Yup, funktioniert !

Danke vielmals :)