In HTML5 Wie kann ich ausrichten meinem Kopf, wie ich muss

Ich bin derzeit üben Sie einige HTML-5-Web-App-Entwicklung, aber ich kann nicht einmal meinen Kopf zum ausrichten, richtig.

besuchen http://www.sithhappens.net, um zu sehen, was ich meine, (Ansicht-Seite Quelle zu sehen, meine html)
und http://www.sithhappens.net/iphone.css
um zu sehen, die CSS -

Will ich die "Route.ich" zur Mitte ausrichten, und-Taste (das ist nur ein Platzhalter, bis ich das implementieren einer button dort) zu bleiben auf der linken Seite. Danke.

(Besuchen Sie die Webseite auf Ihrem mobilen Gerät)

  • wenn meine Antwort ist hilfreich für die u .pls nehmen Sie meine schon;-)
InformationsquelleAutor Gacnt | 2013-01-14
  1. 2

    Hier ist die richtige HTML -, ich habe injiziert, die das styling in den HTML-Code, so können Sie sehen, wie es gemacht wird. Der trick ist, die button-position: absolute, damit es nicht Einfluss auf den Abstand des Textes "Route.Mir".

    <article>
<header><button style="
    position: absolute;
">Button</button> <div align="center" style="display: block; text-align: center;">Route.Me </div>
</header>
</article>
    • Vielen Dank, dass hat funktioniert!
    • Vergessen Sie nicht, markieren Sie als Antwort.
    • Wo könnte ich tun, dass ich nicht sehen, die Schaltfläche.
    • Ich klickte auf den grünen Pfeil.. ich denke, dass funktioniert..
    • Noch eine Frage, wenn man einen Blick auf die Seite nun können Sie mir sagen, warum die Menü-Taste, text offset?
    • Haben Sie vergessen, die position von absolute auf die Menü-Taste.
    • ich habe es in die CSS-Datei für die gesamte Schaltfläche ,können Sie finden es unter dem link in der ursprünglichen Frage zum iphone.css

    InformationsquelleAutor RyanFishman
  2. 1

    verwenden Sie nur

    <div align="center" style="margin-top:-20px;">Route Me</div>
    • Er will den text der Schaltfläche auf der linken Seite bleiben und die Route.Mir cetnered. Ihr Ansatz Centers.
    • Alle, die Tat war, eine neue Zeile erstellen jetzt habe ich 2 Zeilen für meinen header?
    InformationsquelleAutor Pawan Lakhara
  3. -1

    Werden Sie haben, um button text in einem <p> element. Festlegen von Stilen wie diese:

    <div class="btn">Button</div>
<div align="center" class="txt" >Route.Me </div>

    CSS

    .btn {
    float:left;
}

.txt {
    display:block;
}
    InformationsquelleAutor ATOzTOA
Schreibe einen Kommentar