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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par superyoshi le Sam 23 Fév 2013 - 12:58

je voudrais créer un tableau comme sa :http://i226.photobucket.com/albums/dd220/MissMiet/tutos/tab1_avec_MEP.jpg

quelqun peut m'aider ?
Merci d'avace Very Happy


Dernière édition par superyoshi le Sam 23 Fév 2013 - 15:56, édité 1 fois

superyoshi
**

Masculin
Messages : 80
Inscrit(e) le : 12/01/2013

http://leparcdesyoshi.lebonforum.com
superyoshi a été remercié(e) par l'auteur de ce sujet.

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

Message par jonathan78 le Sam 23 Fév 2013 - 15:02

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://i226.photobucket.com/albums/dd220/MissMiet/tutos/logo.png"/><br><img src="http://i226.photobucket.com/albums/dd220/MissMiet/tutos/logo.png"/>
</div>

</div>
</div>

Dans le CSS:

Code:
.conteneur{
  background: url(http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png);
  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 Smile

jonathan78
****

Masculin
Messages : 220
Inscrit(e) le : 07/09/2011

http://www.legendarygraph.com/
jonathan78 a été remercié(e) par l'auteur de ce sujet.

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

Message par superyoshi le Sam 23 Fév 2013 - 15:30

je vais essayer sinon merci quand même !

superyoshi
**

Masculin
Messages : 80
Inscrit(e) le : 12/01/2013

http://leparcdesyoshi.lebonforum.com
superyoshi a été remercié(e) par l'auteur de ce sujet.

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

Message par superyoshi le Sam 23 Fév 2013 - 15:55

merci vraiment sa marche

superyoshi
**

Masculin
Messages : 80
Inscrit(e) le : 12/01/2013

http://leparcdesyoshi.lebonforum.com
superyoshi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum