Non codé depuis que j'avais environ 16 ans (j'ai maintenant 30 ans) et je commence vraiment à partir de rien. J'avais l'habitude d'utiliser Dreamweaver et juste éditer des morceaux de code mais maintenant je veux commencer à être sérieux à ce sujet.Flotteur CSS droite/gauche ne s'alignant pas correctement
Quoi qu'il en soit, je suis juste pratique avec ce site: http://scott.ewarena.com/blog
La navigation collante en haut est le problème. J'ai flotté à gauche sur le pouce, mais comme vous pouvez le voir, ils ne sont pas alignés.
fichier CSS est: http://scott.ewarena.com/blog/wp-content/themes/bootstrapstarter/style.css
Quelqu'un peut-il aider?
(Et si quelqu'un peut nettoyer le MESS absolu que je l'ai fait de ce fichier CSS, je ne me dérangerait pas 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>Merci, Scott
Bienvenue dans Stack Overflow! Les questions demandant l'aide du code doivent inclure le code le plus court nécessaire pour le reproduire ** dans la question elle-même ** de préférence dans un ** extrait de pile **. Bien que vous ayez fourni un lien, s'il devenait invalide, votre question n'aurait aucune valeur pour les autres futurs utilisateurs de SO ayant le même problème. Voir [** Quelque chose dans mon site Web ne fonctionne pas, puis-je simplement coller un lien **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- doesnt-work-can-i-just-coller-un-link-to-it). –
Salut Paulie, malheureusement, parce que mon CSS est partout, je ne suis pas sûr de la section à copier/coller ici, fournissant ainsi le lien externe. Pardon! –
@ScottDavies Une partie du processus de débogage implique la suppression de parties de votre CSS afin que vous puissiez trouver le CSS qui est pertinent. Commencez par supprimer les éléments évidents tels que CSS pour les éléments plus loin dans la page, ou qui n'apparaissent pas dans cette page, et des choses comme 'color'. Finalement, vous allez supprimer du code qui provoque le problème et l'alto. – TylerH