Versuchen, Navigationsbilder schweben

Question

Ich habe alles versucht, was ich denken kann und lesen Sie viele Beiträge hier. Ich kann nicht herausfinden, was mit meinem Code falsch ist, es ist wahrscheinlich etwas albern, mein Glück zu wissen.

Wie auch immer, ich versuche, 4 Navigationsbilder in einer Zeile, die ich vorher gemacht habe, zu setzen und sie auf der Seite zu fixieren. Aus irgendeinem Grund habe ich ein Problem. Ich habe versucht, sie zu schweben, und ich kann es einfach nicht schaffen, sie alle in eine Linie zu bringen, ich habe zwei von ihnen, die in einer Linie schweben, dann ein paar Textlinks, dann brechen die nächsten zwei auf und schwimmen von alleine .

Tut mir leid, wenn das übermäßig einfach ist, habe ich normalerweise solche Probleme nicht.

Für die Aufzeichnung habe ich sie noch nicht "repariert", ich wollte, dass sie zuerst in der Reihe fallen.

Hier ist mein Code:

<div id="Container"> 
 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/FirstArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="FirstArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="68" height="50" class="aligncenter size-full wp-image-158" 
 
    /> 
 
    </a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/PreviousArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="PreviousArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="50" height="50" class="alignnone size-full wp-image-161" 
 
    /> 
 
    </a> 
 

 
    <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/NextArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="NextArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="50" height="50" class="alignnone size-full wp-image-160" 
 
    /> 
 
    </a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/LastArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="LastArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="68" height="50" class="alignnone size-full wp-image-159" 
 
    /> 
 
    </a> 
 
</div>

Answer 1

Das erste Element hat WP Klasse aligncenter, die gegen funktioniert, was Sie erreichen wollen.

Nach der zweiten gibt es tatsächlich drei Text-Links, die inline sind, was auch gegen das ist, was Sie erreichen wollen.