28220 sujets

CSS et mise en forme, CSS3

[RESOLU, merci ! ^^] 2 blocs qui prenent la place qui reste...

Salut !
Je cherche comment faire ca :
http://img202.imageshack.us/img202/6733/sanstitre1gr.gif
le cadre au milieu est centré, et de part et d'autre de ce bloc, ya une image qui se repete sur x et qui prend la place qui reste !
jai essayer un tableau a 3 cellules, mais sa marche pas

jai ensuite pris l'image 2, et je lai fé se repeter sur toutes la longueur, il ne me restai plus que placé la banniere (1) par dessus, pas de probleme.
mais alors ce n'est plus centré !

ya til une solution ???
merci
Modifié par aoemaster (09 Nov 2005 - 17:53)
sa ne marche pas

<table cellspacing="0" cellpadding="0">
</tr>
<td width="*" class="coin_banniere">
</td>
<td class="banniere">
</td>
<td width="*" class="coin_banniere">
</td>
</tr>
</table>
Modifié par aoemaster (09 Nov 2005 - 16:16)
Raphael a écrit :
(Attention à l'écriture correcte des codes sur ce forum, merci Smiley cligne )

a part width="*" il est correcte mon code
erf jai meme essayer avec une taille minimal, rien qui marche !
ya pas quelque chose qui dit "prend le width qui reste !"
Administrateur
aoemaster a écrit :

a part width="*" il est correcte mon code

Je parle de l'affichage (utiliser les balises [ code], comme le demandent les règles), je ne parle pas du contenu de ton code Smiley smile
Modifié par Raphael (09 Nov 2005 - 16:31)
bon pour vous mettre plus dans le bain
voici le code
<table cellspacing="0" cellpadding="0">
</tr>
<td class="coin_banniere">
</td>
<td class="banniere">
</td>
<td class="coin_banniere">
</td>
</tr>
</table>

.coin_banniere
{
background: url(image/coin_banniere.gif) repeat-x;
height:120px;
width: ;
}

.banniere
{
background: url(image/banniere.jpg) no-repeat;
height:120px;
width:868px;
}
Administrateur
aoemaster a écrit :
bon pour vous mettre plus dans le bain
voici le code

ARG, pourquoi ne pas simplement avoir édité ton message précédent au-lieu d'en rajouter ? Smiley sweatdrop

Sinon, un élément de type bloc prend automatiquement, et par défaut, toute la largeur restante dans son conteneur.
Par contre, si tu veux placer plusieurs blocs les uns à côté des autres, il faut en général passer par les positionnement flottants ou absolu, ce qui change la donne puisqu'il faut alors que les éléments aient une largeur définie.

Il est facile d'avoir : un bloc flottant de taille fixe à côté d'un bloc en flux qui occupe tout le reste de la largeur.
Par contre, avoir deux blocs qui utilisent le reste de la largeur est bien plus compliqué, à part en donnant des valeurs en %
une fois qu'un bloc est positionné absolument juste avec un top:...;
est il possible de le centrer par raport a son conteneur ?
Administrateur
aoemaster a écrit :
une fois qu'un bloc est positionné absolument juste avec un top:...;
est il possible de le centrer par raport a son conteneur ?

Oui, le tutoriel sur le centrage des éléments t'indique la méthode.
Sujet clos
Aller à