Grace à la propriété float et la position relative.

exemple ici : http://pompage.net/IMG/html/page_modele10.html

Bonjour,

De manière plus rigide, on peut aussi le faire en “position : absolute” :
http://pompage.net/IMG/html/page_modele09.html

Tu peux aussi les transformer en “display:inline;”
Mais, bof…

+ http://edu.ca.edu/selfhtml/navigation/css.htm#positionnement­
 

Ca ne marche pas , voici mon code html et css :

<ul id="menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>

<div class="windows1">
</div>

<p>...</p>

#menu {
border: 1px solid black;
width: 150px;
padding: 0px;
position: relative; 
float: left;
}

.windows1 {
width: 400px;
height: 123px;
border: 1px solid black;
position: absolute;
float: left;
margin-left: 5px;
}

Peter, cedric sont la même personne ?
 

Oui dsl c'est moi cedric me suis planté de pseudo .

Quelqu'un aurait il une idée svp ?

merci

Ma foie je ne vois vraiment pas , a la base j'ai ca :

<ul id="menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>

<div class="windows1">
</div>

<p>...</p>

#menu {
border: 1px solid black;
width: 150px;
padding: 0px;
}

J'ai reussi a faire ce que je voulais jte remercie , par contre 1 autre petit soucis apparait :

j'ai mis un br sous les 2 div , mais ca passe pas de ligne par rapport aux paragraphes :

<div id="menu">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>

<div id="windows1"></div>

<br>

<p>...</p>

#menu {
border: 1px solid black;
width: 151px;
height: 164px
background: url("menu.gif");
padding: 0px;
float: left;
}

#menu li a {
margin-bottom: 1px ;
height: 41px;
display: block;
}

#windows1 {
float: left;
width: 439px;
height: 164px;
border: 1px solid black;
margin-left: 5px;
}

p {border:1px #000000; background:#ffffff; text-align:center; color:#000000; font-family: Tahoma; font-size:13px; clear: left;}

Remplace par :

  <p>&nbsp;</p>

  font-family: Tahoma, sans-serif;

Sur le fond ca marche mais dans mon cas ca ne fait pas d'espace , ca me fait un paragraphe sur fond de couleu bleu , car tous mes paragraphes sont en fond de couleur bleu , ya donc pas moyen de passer une ligne ? :)

J'utilise le <br> plutôt dans les <p> pour aller à la ligne.
Et si tous tes <p> ont la même mise en forme, tu risques de te limiter.

Le <p> que tu cites possède un “clear : left;”. On suppose donc qu'il sert à “annuler” les “float : left;” précédents.
Tous tes <p> suivront des float ?
Non. Alors définis un style particulier pour ce <p> particulier.

Ou alors précise les <br>

    #saut {
      line-height : 52px;
      }

    <br id="saut">

J'ai essayé avec ta seconde solution et ca ne change rien de particulier , c'est quand meme fou que pour passer une simple ligne je dois faire un truc sophistiqué alors qu'avant avec br ca marchait tt seul !!!

je sais plus quoi faire , mes 2 div que j'ai réussi a faire sont collés par le bas à mes paragraphes suivants :-/

Et jouer avec les margin plutot que de faire des sauts de ligne ?
#menu {
border: 1px solid black;
width: 151px;
height: 164px;
margin: 0 0 20px ;
background: url("menu.gif");
padding: 0px;
float: left;
}

Nikel ca marche , un grand merci a gihef pour toute son aide precieuse et a toi aussi pour cette reponse utile .