2017-02-07 4 views
-2

Nicht codiert seit ich ungefähr 16 war (ich bin jetzt 30) und ich fange gerade wirklich von vorne an. Früher habe ich Dreamweaver verwendet und nur Code-Bits bearbeitet, aber jetzt möchte ich ernsthaft darüber nachdenken.CSS float right/left nicht richtig ausgerichtet

Auf jeden Fall bin ich zu üben nur mit dieser Seite: http://scott.ewarena.com/blog

Die klebrige Navigation oben ist das Problem. Ich habe Float links & Float direkt auf dem Sprung, aber wie Sie sehen können, sind sie nicht Schlange.

CSS-Datei ist: http://scott.ewarena.com/blog/wp-content/themes/bootstrapstarter/style.css

Kann jemand helfen?

(Und wenn jemand das absolute aufräumen kann ich diese CSS-Datei vorgenommen habe, habe ich nichts dagegen lol)

.NavAlignLeft { 
 
    font-family: 'Vollkorn', serif; 
 
    font-style: oblique; 
 
    font-weight: normal; 
 
    font-size: 16px; 
 
    color: #fff; 
 
    float: left; 
 
} 
 
.NavAlignLeft:hover { 
 
    font-family: 'Vollkorn', serif; 
 
    text-decoration: none; 
 
} 
 
.NavAlignRight { 
 
    font-family: 'Vollkorn', serif; 
 
    font-style: none; 
 
    font-weight: normal; 
 
    font-size: 16px; 
 
    color: #fff; 
 
    float: right; 
 
} 
 
.NavAlignLeft, 
 
.NavAlignRight { 
 
    width: 50%; 
 
    display: inline-block; 
 
}
<div class="blog-masthead"> 
 
    <div class="NavAlignLeft"> 
 
    <a href="/" class="NavAlignLeft">Site Name</a> 
 
    </div> 
 
    <div id="navContainer"> 
 
    <div class="NavAlignRight "> 
 
     <?php wp_nav_menu(array('theme_location'=>'header-menu', 'menu_class' => 'blog-nav list-inline')); ?> 
 
    </div> 
 
    <div style="clear:both;"></div> 
 
    </div> 
 
</div>

Danke, Scott

+3

Willkommen bei Stack Overflow! Fragen, die Code-Hilfe benötigen, müssen den kürzesten Code enthalten, der für die Reproduktion in der Frage erforderlich ist **, vorzugsweise in einem ** Stack Snippet **. Obwohl Sie einen Link bereitgestellt haben, würde Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem keinen Wert haben, wenn sie ungültig werden sollte. Siehe [** Etwas in meiner Website funktioniert nicht, kann ich nur einen Link einfügen **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- doesnt-work-kann-ich-nur-einfügen-a-link-to-it). –

+0

Hallo Paulie, leider, weil mein CSS überall ist Ich bin mir nicht sicher, welcher Bereich hier kopiert und eingefügt werden soll, daher gibt es den externen Link. Es tut uns leid! –

+1

@ScottDavies Ein Teil des Debugging-Prozesses beinhaltet das Entfernen von Teilen Ihres CSS, so dass Sie das relevante CSS finden. Beginnen Sie mit dem Entfernen von offensichtlichen Dingen wie CSS für Elemente später auf der Seite, oder die auf dieser Seite nicht erscheinen, und Dinge wie "Farbe". Schließlich werden Sie einige Code entfernen, der das Problem und Viola verursacht. – TylerH

Antwort

0

Ich habe es geschafft, dies zu lösen, nachdem ich Code aus meiner CSS-Datei entfernt habe und dann nur noch ein paar padding-top: 10px; zum div CSS-Code.

Danke trotzdem!