Christoph: Grafiken Ausrichten Css

SELF-Forum

Grafiken Ausrichten Css

Christoph
– Informationen zu den Bewertungsregeln

Hallo liebe Gemeinde ;-)

Ich bin gerade dabei meine erste HP mittels CSS zu gestalten.
Nun habe ich folgendes Problem:

In der htm

<div id="head"><img src="mein-header.jpg" width="750" height="98" alt="Header"></img></div>

im stylesheet

#head{
 color: black;
 background-image:url(mein-headerbg.jpg);
 border: 0px;
 padding-top: 0px;
 margin: 0 0 0 0;
}

Ich möchte die Grafik zentrieren. also ------- Bild -------

Für die Striche kommt das Bild mein-headerbg.jpg und für das Bild kommt das Bild header.jpg

Nun die Frage, wie schaffe ich das ??

Liebe Grüße
Christoph

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Grafiken Ausrichten Css

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    <div id="head"><img src="mein-header.jpg" width="750" height="98" alt="Header"></img></div>

    Schreibst du HTML oder XHTML? In HTML ist das End-Tag '</img>' falsch; in XHTML solltest du statt '<img></img>' die Kurzschreibweise '<img />' nutzen, um Browser (Tag-Soup-Parser) nicht zu verwirren. [SELFHTML]

    Ich möchte die Grafik zentrieren. also ------- Bild -------
    Für die Striche kommt das Bild mein-headerbg.jpg und für das Bild kommt das Bild header.jpg
    Nun die Frage, wie schaffe ich das ??

    Da ein Bild Inline-Inhalt ist, mit der Eigenschaft 'text-align'. [CSS21 §16.2, CSS2 §16.2, SELFHTML]

    See ya up the road,
    Gunnar

    --
    „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Grafiken Ausrichten Css

    Christoph
    – Informationen zu den Bewertungsregeln

    Hey,
    also ich schreibe HTML nicht XHTML.

    Soll ich den End-Tag "</img>" also einfach weglassen ?

    Ich bin jetzt völlig durcheinander

    So ist mein Anfang im HTMl Teil

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>

    <title>Noch Leer / Keine Angabe</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css"></link>
    </head>
    <body>
    <div id="head"><img src="mein-header.jpg" width="750" height="98" alt="Header"></div>

    Oder kommt die Ausrichtung ins Stylesheet ?

    Best regards
    Christoph

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grafiken Ausrichten Css

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hello out there!

      also ich schreibe HTML nicht XHTML.
      Ich bin jetzt völlig durcheinander

      Der Eindruck ist richtig.

      So ist mein Anfang im HTMl Teil
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

      Also was denn nun, doch XHTML?

      Und von XHTML 1.1 solltest du die Finger lassen. Verwende XHTML 1.0 Strict bzw. Transitional. Die Unterschiede liest du in SELFHTML: Grundgerüst einer HTML-Datei nach.

      Die Unterschiede zwischen XHTML und HTML solltest du dir nochmal zu Gemüte führen.

      Soll ich den End-Tag "</img>" also einfach weglassen ?

      In HTML: ja. In XHTML: kein End-Tag, sondern '<img />'.

      Oder kommt die Ausrichtung ins Stylesheet ?

      Ja. Wie alles, was die Darstellung angibt. Deshalb hattest du ja CSS als Kategorie gewählt.

      See ya up the road,
      Gunnar

      PS: Du plenkst.

      --
      „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln