[CSS] Mittig stellen [Frage]

  • Hallo,

    Ich komme nicht mehr weiter, habe einiges versucht aber leider komme ich nicht weiter.
    Brauche eure Hilfe dafür.

    http://prntscr.com/b3w42x

    Die Buttons auf dem Bild möchte ich in der Mitte haben.

    So sehen die Codes aus:

    Ob Ihr mit irgendwie Helfen könnt.

    Bedanke mich jetzt schon.
    Kommt nicht mit Google ist dein Freund! Sonst würde ich hier nicht fragen.

  • Du musst einen weiteren Container hinzufügen, den du innerhalb von

    Code
    <div id="alert">

    zentrierst.

    Wenn die Breite festgelegt ist, kannst du das gewünschte mit

    Code
    margin: 0 auto;
    width: 350px;

    erreichen. Natürlich nehme ich hier an, dass du 5 Buttons besitzt.
    Rechnung: 5*(60+10) = 350
    60 = Breite der Buttons
    10 = Margin nach Rechts

    Auch wenn du es nicht hören willst, Google ist auch in diesem Fall dein Freund wenn du weitere Informationen dazu haben möchtest:
    http://stackoverflow.com/questions/1145…-a-div-in-a-div

    So funktioniert es zum Beispiel:
    https://www.cuve.co/3hnvl

  • <center> in HTML, ist Veraltet und bestimmt nicht Professionell aber hilft meistens.
    Ansonsten versuche mal
    .text-align:center; bei Button oder Alert.

    Wenn du mal schauen würdest, habe ich dort schon text-align:center; und mit <center></center> Habe ich auch schon versucht.

    .page { width: ?px; height:?px; margin-left:auto; margin-right:auto; }

    <section class="page">

    <!-- deine buttons -->

    </section>

    SunnieX :* Bruder ging nicht.

    Ging auch net

  • Hey HabboToyz,

    wieso fügst du nicht noch eine Box ein, die das ganze nach rechts verschiebt?

    Versuch es mal so:

    CSS:

    CSS
    div.box
    {
     margin-left: (PIXELANZAHL)px;
    }


    HTML:

    HTML
    <div id="alert">
     <div class='box'>
      <div id="button">Home</div>
      <div id="button">CMS</div>
      <div id="button">EMU</div>
      <div id="button">Index</div>
      <div id="button" style="font-size: 17px;">Kontakt</div>
     </div>
    </div>

    Ich hoffe das hilft dir weiter.

    Böse Grüße,

    Lucifer.

    Edit: Passt, habe gerade den anderen Vorschlag gesehen, so geht's auch.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!