Discussion :

[ptitediablotesse]

Bonjour,
Alors oui vous allez me dire qu'il n'y a rien de plus facile que de faire un tableau en html et je le pensais aussi, mais impossible cette fois ci d'avoir le rendu que je veux, malgré toutes mes tentatives de codes.
Alors en fait, j'aimerai avoir ce rendu

C'est tout bête mais si quelqu'un pouvait me donner le code pour ce tableau, ce serait vraiment gentil (parfois on bloque sur des trucs tout bête lol)
Merci d'avance

[chaminette]

Euh écrire le code ..euh j'ai la flemme! mais te donner un bon lien oui
voilou
http://www.ping.be/~ping9985/html/thehtml6.htm

[Deallyra]

Je suis allé voir le lien... Il explique comment marchent les tableaux mais bon...
Là c'est à un problème d'assemblage que nous devons faire face...

Dis moi Petite Diablotesse, ce n'est pas un tableau de données que tu comptes faire mais bel et bien une mise en page...
Je crois bien ne pas me tromper vu l'affichage que tu nous as laissés donc... je te conseille d'utiliser les DIVs.

Ils sont plus maniables que les tableaux, permettent une refonte -ou changement moindre - plus rapide...
Par contre, le forum CSS serait alors certainement le mieux adapté puisque les positions des divs sont donnés via le style.

[trotters213]

Je suis allé voir le lien... Il explique comment marchent les tableaux mais bon...
Là c'est à un problème d'assemblage que nous devons faire face...

Dis moi Petite Diablotesse, ce n'est pas un tableau de données que tu comptes faire mais bel et bien une mise en page...
Je crois bien ne pas me tromper vu l'affichage que tu nous as laissés donc... je te conseille d'utiliser les DIVs.

Ils sont plus maniables que les tableaux, permettent une refonte -ou changement moindre - plus rapide...
Par contre, le forum CSS serait alors certainement le mieux adapté puisque les positions des divs sont donnés via le style.

+1
Voici un lien qui peut t'aider : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

[ptitediablotesse]

Merci bien, j'ai testé les div, c'est sûr que c'est mieux, j'y avais pas pensé.
Seul problème, voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="photo">
bubu
  <div id="autres">autres</div>
  <div id="derniers">
	<div id="lectures">lectures</div>
	<div id="films">films</div>
	<div id="ecoutes">ecoutes</div>  
  </div>
</div>
 
<div id="titre">
blabla
  <div id="envies">envies</div>
  <div id="post">post</div>
</div>

et le code du css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#photo{
float:left;
width:301px;
}
 
 
div#titre{
float:left;
width:272px;
}
 
div#autres{
float:left;
width:272px;
}
 
div#derniers{
float:left;
width:272px;
}

J'arrive pas à mettre "lectures", "films" et "ecoutes" à droite de "autres"...
Serait-il possible de m'aider ?

[trotters213]

un truc comme ça, ça te va (en gros) ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#photo{
float:left;
width:301px;
} 
 
#titre{
float:left;
width:272px;
}
 
#autres{
float:left;
width:130px;
}
 
#derniers{
float:right;
width:130px;
}