Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1440 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  centrer du texte

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

centrer du texte

n°1181660
kenboi
Posté le 22-08-2005 à 22:20:57  profilanswer
 

bonjour,  
je cherche à mettre du texte centré (horizontalement et verticalement) dans une bande grise, et je n'y arrive pas.  
quelqu'un peut il m'aider ?
voici le code :  
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta content="text/html; charset=ISO-8859-1"
  5. http-equiv="content-type">
  6.   <title>tes css</title>
  7.   <style type="text/css">
  8. .conteneur {
  9. background-color: #FFFFFF;
  10. width: 900px;
  11. height: 1000px;
  12. }
  13. .noir {
  14. background-color: #000000;
  15. width: 800px;
  16. height: 1000px;
  17. margin-left: 100px;
  18. margin-top: 100px;
  19. }
  20. .gris {
  21. width: 800px;
  22. height: 1000px;
  23. background-color: #DDDDDD;
  24. margin-left: -8px;
  25. margin-top:8px;
  26. float :left;
  27. }
  28. .bande {
  29. width: 980px;
  30. height: 15px;
  31. background-color: #4B4B4B;
  32. margin-top:150px;
  33. margin-left:-90px;
  34. float : left;
  35. }
  36. text_bande
  37. {
  38. font-family: 'Verdana';
  39. color: #FFFFCC;
  40. font-weight: bold;
  41. font-size: 10pt;
  42. text-align : center;
  43. }
  44.   </style>
  45. </head>
  46. <body>
  47. <div class="conteneur">
  48. <div class="noir">
  49. <div class="gris">
  50. <div class="bande"> <text_bande> Acceuil
  51. |Calendrier | Tarifs | Chevaux | Contact </text_bande>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </body>
  57. </html>


 
ce sont mes premiers pas dans l'info...  
 
merci
 
- kenboi -

mood
Publicité
Posté le 22-08-2005 à 22:20:57  profilanswer
 

n°1181675
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 22:28:39  profilanswer
 

un image du resultats escompte et une image de ce que tu voudrai realise ... ?

n°1181697
kenboi
Posté le 22-08-2005 à 22:39:39  profilanswer
 

tu m'en demande trop...  
je voudrais juste que le texte_band soit centré dans la bande grise foncée... tout simplement.  
si je m'explique mal, tant pis, je chercherais encore et encore....

n°1181718
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 22:51:52  profilanswer
 

et la ca donne quoi ?

n°1181722
kenboi
Posté le 22-08-2005 à 22:54:04  profilanswer
 

le texte est à collé à gauche...

n°1181728
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 22:56:19  profilanswer
 

# <text_bande> Acceuil
# |Calendrier | Tarifs | Chevaux | Contact </text_bande>
 
XD je croi qu'il va falloir que tu revois tout ton code ....

n°1181729
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 22:56:42  profilanswer
 

ou que tu apprenne le css

n°1181731
dotfx
Posté le 22-08-2005 à 22:57:25  profilanswer
 

Code :
  1. <style type="text/css">
  2. .bande {
  3.   width: 980px;
  4.   height: 50px;
  5.   line-height: 50px;
  6.   background: #4B4B4B;
  7.   font-family: Verdana;
  8.   color: #FFFFCC;
  9.   font-weight: bold;
  10.   font-size: 10pt;
  11.   text-align: center;
  12.   margin: auto;
  13. }
  14. </style>


 

Code :
  1. <div class="bande">Accueil | Calendrier | Tarifs | Chevaux | Contact</div>


 
Quelque chose comme ça?


---------------
www.renderfarm.online
n°1181732
kenboi
Posté le 22-08-2005 à 22:57:28  profilanswer
 

Pourquoi ? en meme temps c'est le premeir, donc ca m'etonnerais pas que je doive tout refaire... mais bon, pourquoi ?

n°1181735
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 23:01:01  profilanswer
 

la balise <texte_bande> je ne la connais pas moi :d

mood
Publicité
Posté le 22-08-2005 à 23:01:01  profilanswer
 

n°1181738
dotfx
Posté le 22-08-2005 à 23:03:17  profilanswer
 

Tu ne peux pas définir tes propres balises HTML, à moins de spécifier un autre DTD dans l'en-tête de la page, mais ça bousillera la compatibilité avec tous les navigateurs (j'ai jamais testé, mais je suis assez convaincu).
 
En (X)HTML,  <text_bande> n'existe pas.
D'ailleurs tu n'en a pas besoin dans ce cas, un simple <div> est suffisant.


---------------
www.renderfarm.online
n°1181739
kenboi
Posté le 22-08-2005 à 23:03:19  profilanswer
 

kirua_sama soit sympas, j'essaye d'appredre !
les balise on peut pas leur donner le nom qu'on veut ?
 
dotfx oui, ca ressemble un peut, merci, je regarderais de plus pres demain, mais en fait je me suis compliqué la vie, non ?

n°1181742
kenboi
Posté le 22-08-2005 à 23:04:19  profilanswer
 

:sweat:  ok, désolée, je croyais qu'on pouvait innover dans les noms moi....

n°1181826
kirua_sama
Learn sciences with senses
Posté le 22-08-2005 à 23:44:35  profilanswer
 

non .... mais de toute facon il me semble voir trop de div ca fait mal aux yeux. Je  te conseille d'apprendre bien le css parce sinon tu vas devoir dans quelquess jours/semaines tout recommence ( j'ai fais pareil y'a peu de temp :d ).

n°1183571
kenboi
Posté le 24-08-2005 à 18:02:43  profilanswer
 

trop de div ?  tu veux dire que je peux faire la meme chose, avec moins de div ? ok, je peux certaienemnt enlever le conteneur... mais en quoi ca gene les div ?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  centrer du texte

 

Sujets relatifs
[VBS] [Résolu]Centrer du texte dans un document Word[DHTML] Comment centrer verticalement le texte des coolmenus ?
Comment centrer un texte au bas d'une cellule[CSS]centrer un texte en bas au milieu
Centrer du texte dans un calquepeut ton centrer son texte dans confirm()
[java] Comment centrer le texte dans les cellules du jtable[JAVA] Centrer le texte d'une JTextArea
[CSS] Centrer du texte uniquement dans la troisième colonne du tableau[Résolu] [CSS] Vite fait: centrer autre chose que du texte...
Plus de sujets relatifs à : centrer du texte

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.059 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR