Titre sur un tableau/calque

Titre sur un tableau/calque - HTML/CSS - Programmation

Marsh Posté le 10-03-2004 à 19:33:03    

Il me semble qu'il y a moyen de mettre une ligne de texte alignée sur la bordure supérieure d'un tableau ou d'un calque, mais j'ai rien trouvé parlant de ça. QQun sait de quoi je parle ou je divague complètement?  :??:

Reply

Marsh Posté le 10-03-2004 à 19:33:03   

Reply

Marsh Posté le 10-03-2004 à 19:43:11    

ajoute une balise <title>ton titre</title> tout au début de ton tableau :)

Reply

Marsh Posté le 10-03-2004 à 19:49:13    

Ca a pas l'air d'être ça...

Reply

Marsh Posté le 10-03-2004 à 20:00:22    

Heu...
 

<div>Une ligne de texte</div>
<table>
 ...
</table>


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 10-03-2004 à 20:05:42    

normal, la balise title ne sert pas du tout à ca.
Je ne comprend pas vraiment ton problème!
Pour un div quand tu met un texte, il est affiché en haut, juste en dessous de la bordure supérieure du div.
Pour un tableau, le texte est centré dans la cellule, pour le caller en haut, utilise la propriété css vertical-align.


Message édité par Ayuget le 10-03-2004 à 20:06:06
Reply

Marsh Posté le 10-03-2004 à 20:11:30    

Ouais, en fait on sait pas s'il veut le texte en dehors ou en dedans du tableau...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 10-03-2004 à 20:17:56    

En fait c'est le texte superposé sur la bordure supérieure d'un tableau ou d'un calque (la ligne est discontinue pour laisser place au texte puis reprend), il me semble avoir vu ça quelque part mais je sais vraiment plus où.

Reply

Marsh Posté le 10-03-2004 à 20:27:04    

malvino a écrit :

En fait c'est le texte superposé sur la bordure supérieure d'un tableau ou d'un calque (la ligne est discontinue pour laisser place au texte puis reprend), il me semble avoir vu ça quelque part mais je sais vraiment plus où.


 
Moi je sais... Dans tes rêves.  :lol:

Reply

Marsh Posté le 10-03-2004 à 20:27:55    

tu ne confondrais pas avec le fonctionnement des labels?

Reply

Marsh Posté le 10-03-2004 à 20:30:27    

gizmo a écrit :

tu ne confondrais pas avec le fonctionnement des labels?


allons allons ...
 
On doit facilement pouvoir faire quelquechose comme ca avec soit rien que des tableau et des images en background dans chaque cellule exterieur ...
Ou encore plus facilement avec un div en position absolute.
 
 ;)  
 


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 10-03-2004 à 20:30:27   

Reply

Marsh Posté le 10-03-2004 à 20:45:54    

sinon il y a la balise caption, que jai effectivement confondu avec title !

Reply

Marsh Posté le 10-03-2004 à 20:49:09    

C'est tout à fait faisable en CSS ...
 

Code :
  1. .div_conteneur {
  2. width: 200px;
  3. border: 1px solid #000;
  4. background-color: #ccf;
  5. color: #000;
  6. }
  7. .titre_div {
  8. position: absolute;
  9. border: 1px solid #aaf;
  10. color: #aaf;
  11. background-color: #fff;
  12. top: -3px;
  13. left: 20px;
  14. }


Code :
  1. <div class="div_conteneur"><div class="titre_div">Le titre</div>du texte. beaucoup de texte. blablabla ...</div>


 
Edit : petite erreur ...


Message édité par Gilbert Gosseyn le 10-03-2004 à 20:55:12

---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 10-03-2004 à 20:53:10    

y'a pas des nagivateurs (genre IE) qui gèrent comme des pieds les marges négatives? (je sais plus :D )

Reply

Marsh Posté le 10-03-2004 à 20:56:11    

Ca peut effectivement merder certaines fois, essentiellement avec IE 6.0 ... Pourquoi cette version en particulier alors que IE 5.01 passe ? Ca je l'ignore ...


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 10-03-2004 à 21:01:42    

Voila ça ça marche :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  8. body {
  9. margin: 20px;
  10. }
  11. .div_conteneur {
  12. width: 200px;
  13. border: 1px solid #000;
  14. background-color: #ccf;
  15. color: #000;
  16. position: relative;
  17. padding-top: 11px;
  18. }
  19. .titre_div {
  20. border: 1px solid #aaf;
  21. color: #aaf;
  22. background-color: #fff;
  23. top: -11px;
  24. left: 20px;
  25. position: absolute;
  26. }
  27. </style>
  28. <body>
  29. <div class="div_conteneur"><div class="titre_div">Le titre</div>du texte. beaucoup de texte. blablabla ...</div>
  30. </body>
  31. </html>


 
Edit : je viens de tester sous IE 5.01 SP3 et ça marche très bien. Donc, no souci ;).


Message édité par Gilbert Gosseyn le 10-03-2004 à 21:04:27

---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 10-03-2004 à 21:58:09    

Je viens de retrouver ce dont je parlais : http://www.htmlhelp.com/reference/ [...] ldset.html
Je suis pas si fou que ça pour finir ;)
 
Donc plus simplement :
 
<fieldset>
    <legend>mon titre</legend>
    <div>mon contenu</div>
</fieldset>
 
Et tout ça est accepté dans l'XHTML 1.0 si c pas beau ;)
 
En tout ça merci à tous!


Message édité par malvino le 10-03-2004 à 21:58:32
Reply

Marsh Posté le 10-03-2004 à 23:33:47    

attends, fieldset ca sert pour les formulaires, pas pour faire ce que tu veux :heink:

Reply

Marsh Posté le 10-03-2004 à 23:40:03    

Ca tombe bien je suis dans un formulaire, mais au final c'est jamais qu'un élément de présentation non? Y'a pas d'influence sur le formulaire en lui même?

Reply

Marsh Posté le 11-03-2004 à 07:40:22    

malvino a écrit :

Ca tombe bien je suis dans un formulaire, mais au final c'est jamais qu'un élément de présentation non? Y'a pas d'influence sur le formulaire en lui même?


 
est voilà bêtement comment , si tu avait expliquer completement ce que tu faisais, on aurais pu te donner directement la solution ... :pfff:


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 11-03-2004 à 09:32:52    

Ca a été expliqué complètement puisque je ne savais tout simplement pas que c'était qqch de propre aux formulaires. L'XHTML 1.0 l'accepte en dehors des formulaires en passant...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed