[Actuellement à: http://www.jsfiddle.net/tqtFg Michael Durrant]
Je suis très nouveau sur css et j'essaie de créer un site Web avec un logo et un panneau de navigation côte à côte. Si vous visitez le site au début, le panneau apparaît dans le «topcontent», juste en dessous et à droite en fait, mais si vous avez cliqué sur le logo pour aller à la même page, le panneau apparaît là où je voudrais!Identifiants CSS, classes et mises en page
Mon site: http://acews.x10.mx
il semble quelque chose n'est pas intialized lors de la première ouverture, mais je ne peux pas dire quoi. voici mon code html;
<div id="topcontent">
<div id="top">
<a href="index.html">
<img src="logo.png">
</a>
<div id="navbar">
<ul id="menubar">
<li class="menuButton"><a href="index.html" class="home">Home</a></li>
<li class="menuButton"><a href="about.html" >About ACE</a></li>
<li class="menuButton"><a href="login.html" >Customer Login</a></li>
</ul>
</div>
</div>
Voici mon code css;
body {
}
/*Content page divider*/
#topcontent {
/* margin: 50px auto; */
height: 170px;
margin-left:auto;
margin-right:auto;
background-image:url('backgroundcolor.png');
}
#top {
height: 170px;
width: 900px;
margin-left:auto;
margin-right:auto;
}
/* MenuBar */
#navbar {
margin-top:60px;
float:right;
}
ul#menubar {
/* margin:20px; */
list-style:none;
margin-left:auto;
margin-right:auto;
padding: 5px 10px 0 10px;
}
ul#menubar li {
display:inline;
font-family: calibri;
font-weight: bold;
margin-left:10px;
}
ul#menubar li a {
text-decoration:none;
text-align:center;
padding:5px 10px;
/* width:100px; */
color:#FFFFFF;
float:left;
font-size:26px;
}
.menuButton a:hover{
background-color:#618E00;
text-decoration: none;
-webkit-border-radius: 5px;
}
Salut Robert, j'ai créé un jsfiddle pour vous à: –
http://jsfiddle.net/tqtFg/ –
Vous devrez mettre à jour les URL et les références, par ex. image de fond, mais cela devrait vous aider et d'autres diagnostiquer et traiter votre problème;) –