Problème avec un code: déplacement d'une div non voulu

Bonjour à tous,

Voilà j'ai trois divs (bon j'en ai plus mais le reste n'a rien à voir), une pour le menu, une pour la barre du haut principal en dessous du menu et une pour le cadre connexion dans cette même barre ce qui donne l'architecture:

->Menu
->Barre Haut
----->Connexion

<div id="menu">
<ul>
<li><a href="index.php">accueil</a></li>
<li><a href="index.php">accueil</a></li>
<li><a href="index.php">accueil</a></li>
<li><a href="index.php">accueil</a></li>
<li><a href="index.php">accueil</a></li>
<li><a href="index.php">accueil</a></li>
</ul>
</div>

<div id="barrehaut">

<div id="connexion">

<img src="images/avatar.png" class="avatar" alt="Avatar de base du site">

<div id="champs">

<input id="champ_pseudo" type="text" value="pseudo" accesskey="4" name="src" />
<input id="champ_mdp" type="password" value="password" accesskey="4" name="src" />

</div>


<div id="boutonconnexion"><a id="porte" href="connexion.php"></a></div>

<a href="inscription.php" id="textconnexion">S'INSCRIRE !</a><a href="oublie.php" id="textconnexion2">MOT DE PASSE OUBLI&Eacute; ?</a>


</div></div>

J'aimerai faire un margin-top à connexion sans que barrehaut descende aussi.

Merci

Ton HTML me semble correct, tu as mis quoi en css ?

div#barrehaut div#connexion{
   margin-top:10px;
}

Bonsoir, donne un padding au lieu d'un margin.

a écrit :
Bonsoir, donne un padding au lieu d'un margin.

On peut effectivement essayer cette "bidouille" mais c'est plutôt les amateurs débutants qui contournent un problème de cette façon. Le padding à la base n'a pas été créé pour ça, même s'il est possible que ça fonctionne.

Si le margin-top que j'ai indiqué ne fonctionne pas, c'est que le css a été mal codé.

Merci pour le débutant amateur, ça fait plaisir ...

a écrit :
Si le margin-top que j'ai indiqué ne fonctionne pas, c'est que le css a été mal codé.

???

Tu veux faire un margin-top et que ça fonctionne comme tu voudrais que ça fonctionne, mais ça ne marche pas toujours comme ça, jamais d'ailleurs.

Bonjour,

Les non-débutants pro connaissent par coeur le mécanisme de la fusion des marges en CSS, et n'auront donc aucune difficulté à résoudre ce problème.