Mettre deux colonnes sur la page d'accueil

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

Résolu Mettre deux colonnes sur la page d'accueil

Message par grenouillefarci le Mar 16 Nov 2010 - 13:21

Hey,
J'ai besoin d'aide pour faire cet effet sur ma page d'accueil:


Je m'explique: je voudrais avoir deux colonnes. Une colonne de texte à gauche et trois images à droite. Mais je n'arrive aucunement à faire une mise en page en html. J'aimerais également reproduire l'effet entre les fiche «Wanted» sur l'image (insérer un espace entre chaque image). Merci d'avance.


Dernière édition par grenouillefarci le Sam 20 Nov 2010 - 14:18, édité 1 fois

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux colonnes sur la page d'accueil

Message par grenouillefarci le Jeu 18 Nov 2010 - 22:16

Yo!
Up!

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux colonnes sur la page d'accueil

Message par Maya Natsume le Sam 20 Nov 2010 - 0:39

Je veut aussi savoir donc je UP également

Maya Natsume
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 05/08/2010

http://gakuen-himitsu-hanaz.vampire-legend.com/index.htm
Maya Natsume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux colonnes sur la page d'accueil

Message par Seyriu le Sam 20 Nov 2010 - 2:00

Bonjour :DD

Il suffit de faire un tableau à deux colonnes, et dans la deuxième y insérer un nouveau tableau à trois colonnes.

Voici un peu le genre de mise en page que cela donnerait:
Code:
<table width="100%">
   <tr>
      <td width="50%">
         Zone de texte ~~~~~~
      </td>
      <td width="50%">
         <table width="100%">
            <tr>
               <td>
                  <img src="lien_de_limage"/>
               </td>
               <td>
                  <img src="lien_de_limage"/>
               </td>
               <td>
                  <img src="lien_de_limage"/>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

table: C'est le tableau en tant que tel
tr: représente une ligne dans un tableau
td: représente une cellule ou une case dans le tableau
img src: c'est pour insérer une image~
width: c'est la largeur que l'on veut définir. Par exemple, j'ai défini une largeur de 100% pour le tableau, et une largeur e 50% pour chacune des cases. J'ai aussi défini une largeur de 100% pour le tableau dans la deuxième case pour qu'il prenne le max de place possible dans la deuxième case sans tout déformer.

Voici ce que ça donne sur mon forum test
http://iko-test.forumactif.com/index.htm

Cordialement,
Iko'

Seyriu
*****

Féminin
Messages : 531
Inscrit(e) le : 03/10/2006

http://www.css-actif.com/
Seyriu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux colonnes sur la page d'accueil

Message par grenouillefarci le Sam 20 Nov 2010 - 3:31

Merci beaucoup! Je teste et je vous reviens là-dessus!

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux colonnes sur la page d'accueil

Message par grenouillefarci le Sam 20 Nov 2010 - 13:26

Bon, j'ai une question. À partir de maintenant, tout fonctionne à merveille. Mais j'aimerais placer une image «titre» au-dessus des 3 images. L'image serait en fichier .png et elle contiendrait «Top 3 Wanted». J'aimerais donc la centrer au-dessus des trois images.

Edit: J'ai trouvé. En fait, il fallait glisser le code suivant:
Code:
<div style="text-align:center;"><img src="lien de l'image"></img></div>
Ici:
<table width="100%">
<tr>
<td width="50%">
Zone de texte ~~~~~~
</td>
<td width="50%">
<table width="100%">
<tr>Ici
<td>
<img src="lien_de_limage"/>
</td>
<td>
<img src="lien_de_limage"/>
</td>
<td>
<img src="lien_de_limage"/>
</td>
</tr>
</table>
</td>
</tr>
</table>

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci 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