centrer du texte

Marsh Posté le 22-08-2005 à 22:20:57

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 :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>tes css</title>
<style type="text/css">
.conteneur {
background-color: #FFFFFF;
width: 900px;
height: 1000px;
}
.noir {
background-color: #000000;
width: 800px;
height: 1000px;
margin-left: 100px;
margin-top: 100px;
}
.gris {
width: 800px;
height: 1000px;
background-color: #DDDDDD;
margin-left: -8px;
margin-top:8px;
float :left;
}
.bande {
width: 980px;
height: 15px;
background-color: #4B4B4B;
margin-top:150px;
margin-left:-90px;
float : left;
}
text_bande
{
font-family: 'Verdana';
color: #FFFFCC;
font-weight: bold;
font-size: 10pt;
text-align : center;
}
</style>
</head>
<body>
<div class="conteneur">
<div class="noir">
<div class="gris">
<div class="bande"> <text_bande> Acceuil
|Calendrier | Tarifs | Chevaux | Contact </text_bande>
</div>
</div>
</div>
</div>
</body>
</html>

ce sont mes premiers pas dans l'info...

merci

- kenboi -

Reply

Marsh Posté le 22-08-2005 à 22:20:57

Reply

Marsh Posté le 22-08-2005 à 22:28:39

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

Reply

Marsh Posté le 22-08-2005 à 22:39:39

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....

Reply

Marsh Posté le 22-08-2005 à 22:51:52

et la ca donne quoi ?

Reply

Marsh Posté le 22-08-2005 à 22:54:04

le texte est à collé à gauche...

Reply

Marsh Posté le 22-08-2005 à 22:56:19

# <text_bande> Acceuil
# |Calendrier | Tarifs | Chevaux | Contact </text_bande>

XD je croi qu'il va falloir que tu revois tout ton code ....

Reply

Marsh Posté le 22-08-2005 à 22:56:42

ou que tu apprenne le css

Reply

Marsh Posté le 22-08-2005 à 22:57:25

Code :

<style type="text/css">
.bande {
width: 980px;
height: 50px;
line-height: 50px;
background: #4B4B4B;
font-family: Verdana;
color: #FFFFCC;
font-weight: bold;
font-size: 10pt;
text-align: center;
margin: auto;
}
</style>

Code :

<div class="bande">Accueil | Calendrier | Tarifs | Chevaux | Contact</div>

Quelque chose comme ça?

---------------
www.renderfarm.online

Reply

Marsh Posté le 22-08-2005 à 22:57:28

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

Reply

Marsh Posté le 22-08-2005 à 23:01:01

la balise <texte_bande> je ne la connais pas moi

Reply

Marsh Posté le 22-08-2005 à 23:01:01

Reply

Marsh Posté le 22-08-2005 à 23:03:17

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

Reply

Marsh Posté le 22-08-2005 à 23:03:19

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 ?

Reply

Marsh Posté le 22-08-2005 à 23:04:19

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

Reply

Marsh Posté le 22-08-2005 à 23:44:35

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 ).

Reply

Marsh Posté le 24-08-2005 à 18:02:43

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 ?

Reply

centrer du texte

Sujets relatifs:

Leave a Replay