28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche à afficher des données dans un tableau comme sur ce schéma:
upload/6529-cadre.PNG

J'ai utilisé un tableau pour la structure principal, afin de conservé l'alignement des trois cadre principaux mais je n'arrive pas à créer des entêtes et pied fixe au seins de ces trois cadres....

Voici mon code avec un essai sur le cadre le plus gros:

<table class="promo" width="100%" cellspacing="5">
<tr>
<td width="28%">
       <h4><? echo $promotions[1][1]; ?></h4>
		<p>
		Blabla
		</p>
</td>

<td rowspan="2"  colspan="2" width="36%" valign="top">
	<table width="100%" >
	<tr>
	   <td height="10px">
	   <h4>TITRE FIXE</h4>
	   </td>
	</tr>

	<tr>
	  <td height="100%">
	  <p>
	  CORPS VARIABLE (normalement)
	  </p>
	  </td>
	</tr>
	<tr>
	  <td height="10px">
          PIED FIXE
	  </td>
	</tr>
	</table>
	
</td>

</tr>
<tr>

<td width="28%">
    <h4>titre</h4>
    <p>
	blabla
   </p>
</td>
</tr>
</table>



Merci pour vos suggestions. Smiley cligne
Modifié par Dodjo (19 Jul 2006 - 13:24)
Je viens d'essayer deux mettre deux div (entete et pied d'un cadre) en position absolute.

Probleme :
Le pied en absolute et à 0px du bas, mais le pied se positionne au bas du contenu et non du cadre lui même Smiley confus


<td rowspan="2"  colspan="2" width="36%" valign="top">
<div style="position:absolute; top:0;">
	<h4><? echo $promotions[0][1]; ?></h4>
</div>

			
			
			<? echo $promotions[0][2]; ?>
			
<div style="position:absolute; bottom:0;">
	fefsdfdsfsdqf
</div>

</td>

Modifié par Dodjo (19 Jul 2006 - 09:48)
Salut,

T'est au bon endroit pour apprendre a faire autrement :
a écrit :
J'ai utilisé un tableau pour la structure principal


Y'a tout ce qu'il faut ici : Faire-une-mise-en-page-sans-tableaux

C'est du temps c'est vrai, mais c'est pas du temps perdu !

Vu ton choix de structure et l'ethique du forum face aux tableaux et leurs utilisation je sais pas si y'aura grand monde qui va s'interresser à ton problème.




Smiley cligne
Modifié par Hum (19 Jul 2006 - 11:35)
Hum... comment dire,

Quand je dis structure principal, je parle de la structure de mes données....
Bien entendu le site n'a pas de tableaux dans sa mise en page!!!!!!!!!!!! Smiley fache

J'ai besoin de ces tableaux pour aficher des données (ici des promos) extraitent de ma base, et si je n'utilise pas de tableaux, les cellules ne s'allongeront pas automatiquement en restant alignées....

Merci quand meme ...Hum
Smiley langue
Dodjo a écrit :
Hum... comment dire,
Quand je dis structure principal, je parle de la structure de mes données....


Salut,
ce n'était pas clair.

Dodjo a écrit :

Merci quand meme ...Hum


malheureusement de rien...

J'essaye, mais il est fort possible que ce que je te raconte tiennes pas la route.

Essaye d'englober tes trois tableaux dans un div avec une hauteur en % qui laisseras la place a ton pied de page et entete ?
(de toutes façons le pied de page devra etre chassé si les tableaux s'allongent, donc il n'y a que l'entete de réellement "fixe") Smiley ohwell
Modifié par Hum (19 Jul 2006 - 12:29)
Désolé de ne pas avoir été clair une nouvelle fois.

En fait, je parle plus haut d'entete et de pied pour l'intérieur des cellules qui resteront toujours acrochés repectivement au haut et bas de chaque celulle.

La partie centrale de chaque cellule s'agrandissant selon le contenu...

Re: merci quand même Smiley lol