Probleme mit meinem css

Kann scheinen, in der Lage zu sein, das Bild zu bewegen, brauche ich das Bild und den Text nebeneinander und es ist, aber ich möchte in der Lage sein, das Bild nur ein wenig getan zu bewegen Bit, damit der mittlere Teil oder das Bild mit dem Text ausgerichtet ist. Gerade jetzt ist es der Boden und egal, was ich tun wird nicht nach oben oder unten, hier ist der HTML-Code für die div und dann die CSSProbleme mit meinem css

<div class="img"> 
    <img src="/image/file/location"> 
    <div class="imgwording"> 
     <img src="/image/file/location" class="logoimage"> 
     Test Text 
    </div> 
    <div class="sub"> 
     <img src="/image/file/location" class="mail"> 
     Test Text 
    </div> 
    <div class="imagelinks1"> 
     Training &amp;</br>Events 
    </div> 
    <div class="imagelinks2"> 
     Trauma &amp; Gender</br>Projects 
    </div> 
    <div class="imagelinks3"> 
     Behavioral Health</br>Resources 
    </div> 
</div>

CSS:

.imgwording { 
    text-decoration: none !important; 
    line-height: 1.28; 
    letter-spacing: 1.5px; 
    text-align: center; 
    font-size: 48px; 
    padding: 0px 60px !important; 
    position: absolute; 
    top: 65px; 
    width: 100%; 
    font-family: eb garamond,serif; 
    color: #fff; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    flex-direction:column; 
    left: -110px; 
    display: inline-block; 

} 

.logoimage { 
    width: 50px; 
    height: 100px; 
}

Quelle

2016-08-23 TheHiddenPerson

Mögliche http://stackoverflow.com/questions/9201756/how-to-put-img-inline-with-text duplizieren – chazsolo

Sie das Bild als Hintergrund setzen versuchen kann, oder wenn das scheitert, Sie können es absolute Position machen und Padding-links zum div hinzufügen – pol

Das Bild und Text ist bereits inline, aber der untere Teil des Bildes ist inline mit dem unteren Rand des Textes und ich frage mich, wie man nur das Bild nach oben oder nach unten, so dass das Bild inline mit dem Text ist, aber es sieht aus wie in der Mitte, wenn das Sinn macht – TheHiddenPerson

Von dem, was ich verstehe, , Sie haben ein Bild und Text nebeneinander, aber das Bild ist niedriger als es sein sollte. Sie können padding-bottom dem Image-CSS hinzufügen, um seine Position zu ändern. Wie viele Pixel Sie verschieben möchten, hängt davon ab, um wie viel höher das Bild sein soll.

Im Grunde tun:

.logoimage { 
    width: 50px; 
    height: 100px; 
    padding-bottom: 5px; /* this could be any value depending */ 
}

Quelle

2016-08-23 19:17:04 Nedaaa

Ich möchte das Bild zu senken, aber den Text in der gleichen Position, bereits versucht dies und es bewegt sich nur den Text nicht nach unten das bild, könnte es sein wie ich es im html schreibe? – TheHiddenPerson

wahrscheinlich .. Ich würde den Text in einem p-Tag oder etwas, so dass ich es leicht von seiner Elternklasse getrennt haben könnte. Das Problem ist, dass das Bild und der Text beide die gleiche Elternklasse teilen, so dass dies einer der Gründe für das Problem sein würde. – Nedaaa

Glauben Sie, nachdem einige Graben ich es bekam, nur Position hinzufügen müssen: relative; an die .logoimage css

Quelle

2016-08-23 20:37:16 TheHiddenPerson

Hinzufügen vertikal-align: Mitte; auf Ihre LOGOIMAGE Klasse:

.logoimage { 
    width: 50px; 
    height: 100px; 
    vertical-align:middle; 
}

Quelle

2016-08-23 20:49:14

Probleme mit meinem css

Antwort

Verwandte Themen