18008 sujets

Questions générales et questions de débutants

Aligner 2 blocks horizontalement[resolu]

bonjour
Volà j'ai 2 blocks que j'aimerais aligner.
J'ai essayer premierement d'attribuer un float: left; à mon deuxieme block, mais ça ne marche pas, le block est bien à gauche mais en dessous de l'autre.
<body>

<div id="global">

<div id="header" title="Bienvenue"">

</div>

<div><script type="text/javascript"><!--
google_ad_client = "pub-3542189736269530";
</div>

</div>


J'aimerais que mon block header reste à gauche et l'autre se mette sur sa droite.

en faisant donc ceci ça ne marche pas:
<body>

<div id="global">

<div id="header" title="Bienvenue"">

</div>

<div [#red]style="float: left;"[/#]><script type="text/javascript"><!--
google_ad_client = "pub-3542189736269530";
</div>

</div>


en faisant ceci, ça marche mais je n'arrive pas à aligner l'espace entre les 2 blocks :
<body>

<div id="global">

<div id="header" title="Bienvenue" [#red]style="float: left;"[/#]>

</div>

<div [#red]style="margin-left: 3em;"[/#] ><script type="text/javascript"><!--
google_ad_client = "pub-3542189736269530";
</div>

</div>


mon margin left ne marche pas.

comment faire s'il vous plait ?
Modifié par imotep (05 Aug 2005 - 19:16)
Salut,

il ne faut pas applquer le margin à l'élément qui va à droite mais à celui qui "float" à gauche :


#header {
float:left;
margin-right:valeur;
}
utilise la commande display : inline pour ton bloc header, il me semble que cela marche
Sujet clos
Aller à