Discussion :

[piscou51000]

Bonjour à tous,

Je souhaiterai réaliser un entête toute simple et pour ça j'utilise un tableau.

Cette entête a pour but de donner à une page:
- un titre
- un bouton d'ajout d'un nouvel élément
- plusieurs liens pour la pagination

Exemple: ( [+] représente mon bouton d'ajout)

La page lambda [+] Page: 1 2 3...

Pour cela, je crée la table ci dessous:

Code :

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

1
2
3
4
5
6
7
8
 
<table width="100%">     // On veut que cette entête prenne toute la page
      <tr>
            <td width="1%">La page lambda</td>
            <td width="40">[+]</td>
            <td align="right">Page: 1 2 3...</td>
      </tr>
</table>

Problème: je n'arrive pas à ajuster la taille de la 1 cellule afin que celle ci ait la taille de la chaine de caractère.

Dans le code ci dessus,
- chaque mot est à la ligne
La
page
Lambda
- si je ne met pas le width="1%" alors la 1ere cellule devient énorme et mon bouton se balade et n'est plus coller à coté de mon texte de la cellule 1.
- mon idée 1ere aurait été de mettre dans la même cellule le texte et le bouton mais pb, celui ci est mis à la ligne.

Merci d'avoir pris un peu de temps pour lire mon problème.
En espérant que quelqu'un puisses m'aider,
Bon WE à tous.

[laurentSc]

Je ne vois pas le problème car si on ajuste la taille des cellules, d'abord le texte "La page lambda" est sur une seule ligne, et de plus, le bouton peut être à côté du symbole [+]...

[piscou51000]

Le problème est que c'est une fonction générique que j'écris que je ne connais pas le texte que je veux mettre dans la 1ere cellule et donc en conséquent je ne connais pas la taille que ma cellule devrai avoir.

En mettant la table à width="100%", cela redimensionne la taille des 3 cellules hors je voudrai que la cellule 1 (contenant un texte) prenne juste la taille de ce texte pour que le bouton qui est dans la cellule 2 soit collé à droite du texte.

Merci de votre aide.

[laurentSc]

Mon idée serait, si tu connais ce langage, de le faire en PHP : car si le texte générique est contenu dans une variable, si c'est une chaîne de caractères, en PHP, on peut en connaître la longueur, et donc calculer la bonne largeur de la cellule, et finalement, générer le code html de la table en PHP ; mais sans PHP, je ne vois pas de solution... (bien que n'étant pas maître en html, il y en a peut-être une).

[12monkeys]

Bonjour

As tu essayé en mettant un width:auto à ton td ?

[laurentSc]

Bonjour,

je viens de faire l'essai du width:auto, mais ça ne résoud rien.

[laurentSc]

Comme je me suis dit que ça pourrait peut-être être utile, j'ai codé en PHP ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php function table_adaptee($texte_generique)
{
$w=strlen($texte_generique)+5;
print" <table><tr>";
print "<td width=echo($l)>$texte_generique</td>";
print "<td>2e cellule</td>";
print "</tr></table>";
}
table_adaptee($texte_generique);
?>

A rajouter dans ton code html là où tu veux faire apparaître le tableau. Important : modifie l'extension du fichier de ".html" en ".php". Dans "$texte_generique", il faut placer ton texte : tu mets la chaîne de caractères entre guillemets. Comme je ne sais pas sous quelle forme est ce texte, je ne peux pas en dire plus.
Pour tester, ce code, ici.

[12monkeys]

En faisant comme ça peut être ?

Code :

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

1
2
3
4
5
6
7
<table width="auto" border="1">
      <tr>
            <td>La page lambda</td>
            <td width="40">[+]</td>
            <td align="right">Page: 1 2 3...</td>
      </tr>
</table>

En fait je ne sais pas si ta dernière cellule doit se trouver tout à droite...

Sinon quel est le contexte ? Pourquoi ne pas le faire ta mise en page en div et css ?

Même si ce n'est pas directement ce qu'il te faut, voici une introduction à la mise en page avec css : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

[Invité]

Bonjour,
et simplement ?

Code :

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

1
2
3
4
5
6
<table width="100%" border="0">
      <tr>
            <td>La page lambda <a href="lien-ajouter.htm">[+]</a></td>
            <td align="right">Page: 1 2 3...</td>
      </tr>
</table>

[laurentSc]

Si à la place de "La page lambda", on peut y mettre le texte générique, la proposition de jreaux62 tient le route, mais je crois qu'il faudrait nous dire sous quelle forme se présente le texte générique.