28220 sujets

CSS et mise en forme, CSS3

Mise en forme site

Bonsoir.
VOici mon code html tout d'abord
	</head><body>
 <div id="main">
<div id="left">
<ul id="menu">
<li id="aa"><a href="a.php">&nbsp;</a></li>
<li id="bb"><a href="b">&nbsp;</a></li>
<li id="cc"><a href="c">&nbsp;</a></li>
<li id="dd"><a href="d">&nbsp;</a></li>
</ul>
</div>
<div id="right">
<div id="head"></div>
<div id="content">
<h3>&nbsp;</h3>
<div class="text">
  <p>qsddqdqsdqs</p>
  <p>qsdqsdqs</p>
  <p>sd</p>
  <p>qsdqsdqs</p>
  <p>qsdqs</p>
  <p>jhkjkkhjkhjk</p>
</div>

<div id="popo"></div>
</div>

<div id="bottom">signature</div>
</div>
</div>


et mon code css pour le moment.

#head {
  height: 124px;
  width: 670px;
  background-image: url('haut.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

#bottom {
  background-image: url('bas.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  height: 36px;
  width: 670px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#content {
  background-image: url('milieu.jpg');
  background-repeat: repeat-y;
  padding: 0 15px 0 15px;
}

#main {
margin-left: auto;
     margin-right: auto;
   
width: 670px;
}


J'obtiens ceci.


http://leon.baz.free.fr/1.JPG

J'aimerai pouvoir mettre le menu qui se trouve en haut sur le screen (les 4 puces) à gauche de l'interface et collé à celle ci.

Si vous pouvez m'aider je suis preneur.

Cordialement
Modifié par marseille (15 Dec 2005 - 22:21)
Avec toutes ces balises <div> les unes dans les autres , j'arrive pas trop a cerner ton probleme mais as tu essayé : 
<div id="left" style="float : left;">
, les liens se positionnent en dessous de <div id="head">
++
Sujet clos
Aller à