Festzelt vertikale Ausrichtung

Ich habe ein Problem in Bezug auf die Ausrichtung des Rahmens. Sie können es hier sehen : www.vrobal.com nicht Seine Mitte und kleben zu nah an den Rand der div.
Festzelt vertikale Ausrichtung

Ich versuche mit vertical-align:middle für das div habe ich versucht, margin-top:-10px und einige andere Methoden, aber Sie funktionieren nicht gut. Jede Anregung?

<div style=" padding:0px;">
<marquee direction="left" style="padding:0px; background:#2c74a6; height:40px; marging:0px;"><h2><span style="color:#000000">INNOVATION | IMPROVISATION | IMPLEMENTATION&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VICTORY TO GLOBAL RECYLING</span></h2></marquee></div>

P. S: Das "&nbsp" ist es der Platz, die 2 Sätze, wie ich brauche, um zu zeigen 2 unterschiedliche Satz kommt raus, wenn der andere Weg ist, auf dem gleichen Festzelt.

InformationsquelleAutor Guo Hong Lim | 2012-06-25

  1. 1

    Hier kann es so machen

    HTML:

    <div style=" padding:0px;">
<marquee direction="left" style="padding:0px; background:#2c74a6; height:40px; marging:0px;">
<span class="text">INNOVATION | IMPROVISATION | IMPLEMENTATION | VICTORY TO GLOBAL RECYLING</span></marquee></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

    CSS:

    .text {
   display: inline-block;
   margin-top: 8px;
   color: #000000;
}​

    Empfehle ich Sie entfernen <h2> und stellen Sie Ihre <span> zu display: inline-block und dann mit margin können Sie center.

    InformationsquelleAutor Simon Dorociak

  2. 1

    In Ihrem Stile.css-Sie haben eine Regel für <h2> (Zeile 55). Die <h2> element hat einen Rand - das ist Ihr problem. Ändern Sie es wie folgt:

    h2 {
    font-size: 24px;
    line-height: 40px; /* height of your marquee */
    margin: 0;
}
    Vielen Dank für Ihre Hilfe zu!

    InformationsquelleAutor Zoltan Toth

Schreibe einen Kommentar