[tableau] Comment créer un tableau a cette image :

[superyoshi]

je voudrais créer un tableau comme sa :https://2img.net/h/i226.photobucket.com/albums/dd220/MissMiet/tutos/tab1_avec_MEP.jpg

quelqun peut m'aider ?
Merci d'avace

[Invité]

Bonjour,

Je n'ai pas réussi à faire votre tableau, j'espère que quelqu'un de plus compétant pourra continuer votre demande. Mais j'ai réussi à faire ça:

Dans la page d'accueil:

Code:

<div class="conteneur"><div class="cont-1"><div class="bloc-1">
  <h2>Navigation rapide</h2>
    <a href="#">LIEN 1</a><br>
    <a href="#">LIEN 1</a><br>
    <a href="#">LIEN 1</a><br>
    <a href="#">LIEN 1</a><br>
    <a href="#">LIEN 1</a><br><br>
<h2>Informations</h2>
    Le forum a été crée le nn/nn/nn. Les administrateurs sont N, N, N et N. Design crée par N.
</div><div class="bloc-2"><div style="height: 1px!important;"></div>
  <h2>Bienvenue sur le forum {USER&amp;#8288;NAME}</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum sodales enim. Cras in tortor ut est pretium ultricies. Cras eget eros vel odio bibendum commodo eu ut lectus. Nunc quis mauris erat. Duis at dui ut eros viverra mollis. Aliquam libero tortor, pulvinar eu semper et, molestie at magna. Ut vitae magna lectus. Nulla non leo neque, nec fermentum urna.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum sodales enim. Cras in tortor ut est pretium ultricies. Cras eget eros vel odio bibendum commodo eu ut lectus. Nunc quis mauris erat.      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum sodales enim. Cras in tortor ut est pretium ultricies. Cras eget eros vel odio bibendum commodo eu ut lectus. Nunc quis mauris erat. Duis at dui ut eros viverra mollis.
</div><div class="bloc-3">
  <h2>Les news</h2>
    NEW 1: BLABLA<br>
    NEW 2: BLABLA<br><br>
<h2>Partenaires:</h2>
    <img src="http://illiweb.com/fa/pbucket.gif"/><br><img src="http://illiweb.com/fa/pbucket.gif"/>
</div>

</div>
</div>

Dans le CSS:

Code:

.conteneur{
  background: url(http://illiweb.com/fa/pbucket.gif);
  width: 700px;
  height: 400px;
  color: #333;}

.bloc-1{
  width: 20%;
  float: left;
  margin-left: 10px;}

.bloc-2 {
  width: 50%;}

.bloc-3 {
  width: 20%;
  margin-right: 10px;
  float: right;}

.conteneur h2{
  background: #69A4AA;
  border: 1px dashed #D6FFFF;
  color: white;
  font-family: Times new roman;
  font-size: 16px;
  padding: 5px;}

À bientôt

[superyoshi]

je vais essayer sinon merci quand même !

[superyoshi]

merci vraiment sa marche