Abstand zwischen zwei Überschriften

    Hi,

    ich bin totaler Anfänger und habe zwei Frage zu diesem Code.

    1. Frage: Warum wird mir die Überschrift "Zomme" bei Internet Explorer korekt angezeigt, d.h. gleich unter Zomme steht, "Under Construction"
    Während bei Mozilla Abstand zwischen "Zomme" und "Under Construction"
    groß und leer ist, d.h. 3-4 Absätze die leer sind.

    2.Frage: Wie kann ich unter "Zomme" noch etwas gleich groß etwas nach rechts versetzt schreiben.

    Kann mir bitte jemand helfen

    Danke


    <head>
    <title>Under Construction</title>
    <style type="text/css" media="screen">
    body {
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
    color: #413425;
    }
    div#wrapper {
    width: 610px;
    text-align: left;
    margin: auto;
    }
    div#mid {
    background-image: url(img/mid-box.jpg);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 164px;
    padding: 20px;
    }
    </style>
    </head>
    <body>
    <div id="wrapper">
    <div id="mid">
    <div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <h1 style="font-size:1200%; color:grey"><b><i>ZOMME</i></b></p></h1>
    <br />
    <br />
    <h3>Under Construction</h3>
    <p>For details please contact:

    <p>Company GmbH,<br />
    Straße,<br />
    Stadt
    </p>
    </div>
    </div>
    </div>
    </body>
    </html>

    Code
    <h1 style="font-size:1200%; color:grey"><b><i>ZOMME</i></b></p></h1>

    a) was soll das </p> da drin ? so schließen wie die tags geöffnet werden !
    b) b und i kannst auch als css machen -> font-weight:bold; font-style:italic;
    c) setz bei h1 mal margin und padding auf 0px. ie und ff interpretieren des teilweise unterschiedlich

    Hi,

    Danke für die Antwort. Kannst du mir bitte den Code ändern. Nur die eine Sache mit dem Abstand. Wo genau muß ich "h1 mal margin und padding auf 0px setzen" oben bei

    a. body
    b. div#wrapper
    c. div#mid

    Ich bin totaler Anfänger und will auch nicht die Seite selber entwickeln, sondern nur diese erste Seite etwas stylischer gestalten.

    Vielen Dank

    Bisher:

    Code
    <h1 style="font-size:1200%; color:grey"><b><i>ZOMME</i></b></p></h1>

    Besser:

    Code
    <h1 style="margin: 0; padding: 0; font-weight: bold; font-style: italic; font-size:1200%; color:gray">ZOMME</h1>

    Noch besser:

    In die CSS-Angaben füge hinzu:

    Code
    h1 {margin: 0; padding: 0; font-weight: bold; font-style: italic; font-size:1200%; color:gray;}

    HTML:

    Code
    <h1>Zomme</h1>

    Hi,

    Danke für deine Antwort. Nein einen riesengroßen Dank, möge jede Frau, dir jeden Wunsch erfüllen den du hast. Du hast mir so geholfen.
    Ich habe die Frage in einem anderem Forum gestellt, und nur Belehrungen und ähnliches als Antwort bekommen, aber niemand wollte mir diesen einen Satz aufschreiben.

    Aber vielleicht kannst du mir noch etwas sagen

    Früher sah es so aus:

    In der Mitte der Seite: Zoome


    Unten drunter: Under Construction

    Jetzt sieht es so aus:

    In der Mitte der Seite: Zoome
    Unten drunter: Under Construction

    Unter Zomme und Under Construction stehen nicht mehr direkt untereinander, sondern etwas versetzt. Ich weiß nicht was jetzt verrutscht ist "Zomme" oder "Under Construction" und warum. Weiß du vielleicht wie man es ändern kann, damit direkt Unter Z von "Zomme" auch "Under Construction" anfängt.

    Ich habe bei "style="margin: 0; padding: 0;" bei Null jeweils 30 px eingesetzt

    Nochmals vielen Dank

    Einmal editiert, zuletzt von oxygen (21. Oktober 2008 um 19:37) aus folgendem Grund: Ergänzung

    Hi Leute,

    kann mir jemand helfen. Zuerst hatte ich das Problem mit dem Abstand, freundlicherweise hat mir einer die Lösung gegeben, jetzt habe ich ein zweites Problem:

    "Zomme" steht in der Mitte der Website ,
    aber "Under Construction" sollte direkt unter Z beginnen, tut es aber nicht,
    kann mir bitte jemand sagen warum, in dem Code steht:
    div#wrapper {
    width: 610px;
    text-align: left; ( hier steht es align left )
    margin: auto;

    warum beginnt "Under Construction" nicht direkt unter Z von "Zomme"

    Bitte um Hilfe

    Danke

    Hi,

    der Code steht oben, nun habe ich nur das hier herausgeschnitten;
    <h1 style="font-size:1200%;
    color:grey"><b><i>ZOMME</i></b></p></h1>
    Problem hier: Abstand zwisch. "Zomme" und under "Construction" zu groß

    und das hier eingefügt:
    h1 style="margin: 0; padding: 0; font-weight: bold; font-style: italic; font-size:1200%; color:gray">ZOMME</h1>
    Problem hier: "Under Construction" steht beginnt nicht mehr unter Z von "Zomme" sondern etwas versetzt nach links.

    Weißt du wie man das Problem lösen kann.

    Vielen Dank

    Hi,

    Danke für die Antwort, aber es funktioniert leider nicht.

    Vielleicht kannst du mir nochmals bitte sagen, wo genau ich den

    Code:
    h3 {margin: 0;padding: 0;}einfügen soll.

    Dieser Teil:

    <h3>Under Construction</h3>
    <p>For details please contact:

    <p>Company GmbH,<br />
    Straße,<br />
    Stadt
    </p>

    will einfach nicht direkt unter Zomme beginnen. Ich weiß nicht warum, vielleicht weil ich zuerst <h> und dann <p> habe. "Under construction" beginnt immer etwas weiter links als "Zomme" und beide stehen somit nicht auf einer Linie.

    Oder vielleicht liegt es an dem hier:

    <div id="wrapper">
    <div id="mid">

    Hast du noch einen Vorschlag

    Vielen Dank

    Einmal editiert, zuletzt von oxygen (22. Oktober 2008 um 10:34) aus folgendem Grund: Ergänzung

    evlt hat dein p-absatz noch padding/margin.

    definiere mal ganz oben im css bereich

    Code
    * { padding:0px; margin:0px; }

    falls des auch nichts hilft, poste doch mal deinen aktuellen code...

    Hi,

    es hat leider nicht geholfen, nur der Abstand wischen den Überschriften hat sich verkürtzt.

    Hier der aktuelle Code: ( ohne deinen Vorschlag )

    <title>Under Construction</title>
    <style type="text/css" media="screen">
    body {
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
    color: #413425;
    }
    div#wrapper {
    width: 610px;
    text-align: left;
    margin: auto;
    }
    div#mid {
    background-image: url(img/mid-box.jpg);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 164px;
    padding: 20px;
    }
    </style>
    </head>
    <body>
    <div id="wrapper">
    <div id="mid">
    <div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <h1 style="margin: 0; padding: 30px; font-weight: bold; font-style: italic; font-size:1200%; color:gray">ZOMME</h1>
    <br />
    <br />
    <h3>Under Construction</h3>
    <p>For details please contact:

    <p>Firma,<br />
    straße,<br />
    stadt
    </p>
    </div>

    Das was fett ist habe ich eingefügt, dadurch könnte ich den abstand zwischen "Zomme" und "Under Construction" regulieren, 1.Problem gelöst
    aber es endstand das 2.Problem "Zomme" und "Under Construction" stehen nicht mehr untereinander auf der gleichen Linie, während sie beim alten Code:
    <h1 style="font-size:1200%; color:grey"><b><i>ZOMME</i></b></p></h1>
    untereinander standen, aber der Abstand nicht veränderbar war, d.h. er war zu groß.

    Hast du einen Vorschlag

    Vielen Dank

    Einmal editiert, zuletzt von oxygen (22. Oktober 2008 um 11:43) aus folgendem Grund: ergänzung

    also damit beides auf gleicher linie steht müsstest in dem eingefügten
    hinter das hier padding: 30px noch ein padding-left:0px; setzen.

    dann wird der abstand vom Zomme links weggenommen.

    Hi,

    es funktioniert, es funktioniert, Danke Driver du bist der Beste. Alonso, Hamilton und wie sie alle heißen sind nichts im Gegensatz zu dir . Mögest du nur die besten und teuersten Autos der Welt fahren, nein mögest du ein Privatjet besitzen, noch besser ein Raumschiff.

    Nochmals Danke