CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Problème de centrage d'un texte

News jeu

Expeditions: Samurai veut révolutionner le RPG tactique avec une aventure entièrement jouable en coop

Voir
clad98
clad98
Niveau 9
27 février 2007 à 15:33:46

Bonjour à tous,

Je n´arrive pas a centrer le texte sur le titre de mes menus, j´y ai mis de l´ombrage dont voici le code :

http://www.geneweb.fr/wall-6i1YERiO-css.htm
http://www.geneweb.fr/wall-DreJPk6B-xhtml.htm

Mais vu qu´il y a une position absolu, je ne peux pas appliquer un text-align:center;

Mais en y ajoutant un div autour qui ce centre, sa change rien :(

http://www.psy4tra.free.fr/v2/

Si quelqu´un sait comment je peux centrer mon texte sa serait sympa :)

Par avance mici :rouge:

Slash[S]nakepit
Slash[S]nakepit
Niveau 10
27 février 2007 à 15:37:06

C´est un peu inutile d´utiliser un h6 et ensuite lui donner une valeur en pixel ^^

:)

Sinon tu peux essayer

margin: auto

clad98
clad98
Niveau 9
27 février 2007 à 15:41:32

euh j´utilise h6 comme balise car ellle et là, je veux pas de sa taille habituelle, c´est pas inutile ...

Et tu le mets ou ton margin:auto; ?

Slash[S]nakepit
Slash[S]nakepit
Niveau 10
27 février 2007 à 17:33:38

Alors ça sert à riend e mettre h6, les h1, h2 etc ont des valeurs définis..; C´est aps pour rien

Dans ton CSS, tu mets :

h6
{
font-weight: bold;
position: relative;
color: #666; /* C´est quoi cete couleur ?? ? */
margin: auto;
}

clad98
clad98
Niveau 9
27 février 2007 à 17:36:49

Un gris plus foncé ...

Quand tu veux du blanc #FFF suffit ...

Au début de ma feuille de style je retire tous les définitions de balises, se qui rend le h6 "vierge" comme le h1 ou h2 ... ils n´ont plus de marges, plus de style ... et cela prend moins de code html ...

darth-bane
darth-bane
Niveau 10
27 février 2007 à 18:31:16

"Au début de ma feuille de style je retire tous les définitions de balises"
:gne:
et tu fais ça comment toi :question:

P.S. : je trouve ça inutile, mais bon ...

deepblue
deepblue
Niveau 16
27 février 2007 à 18:36:09

Slash[S]nakepit > ces balises permettent jsute d´avoir une architecture clair.

deepblue
deepblue
Niveau 16
27 février 2007 à 18:39:29

Clad98 > essaye :
h6 {
display:block;
background:url(´img/top-menu.png´);
margin:0;
width:167px;
line-height:height:33px;
text-align:center (ou tu jous ales les padding left et right)
}

darth-bane
darth-bane
Niveau 10
27 février 2007 à 18:45:53

Normalement les balises <h1> à <h6> doivent être utilisées dans l´ordre, c´est à dire qu´on n´utilise pas la balise <h3> si on n´a pas utilisé avant les balises <h1> et <h2>.

clad98
clad98
Niveau 9
27 février 2007 à 18:49:25

Darth, on s´en fou un peu de l´ordre sa change rien, c´est juste que je code bizarrement et que les balises h1 h2 ... font servir pour des titres, ou des styles de textes.

Pour retirer des attribut pré mis lol :

*

{
margin : 0;
padding : 0;
}

Mais tu pourrais définir une police unique, une couleur ... :) Biensûr tu peux les définir manuellement sur chaque balise ensuite :p)

Deeep je fais essayer :-)))

clad98
clad98
Niveau 9
27 février 2007 à 18:52:16

Marche pas deep, car le titre n´est pas forcement de la même taille, car il y a un position absolute ... je vais faire autrement :-)))

Merci quand même !

darth-bane
darth-bane
Niveau 10
27 février 2007 à 22:48:55

Clad98 :d) Si tu veux coder proprement, l´ordre des balises <hn> compte (il me semble bien que c´est spécifié par le w3c) !
De plus, les balises <hn> sont normalement réservées aux titres, pas pour des styles de texte. Parce que on peut aussi utiliser une balise <span> (de type inline) en guise de balise <div> (de type bloc) et vice-versa, mais bonjour le bordel quand il s´agit de relire le code après plusieurs mois. Il faut utiliser les balises pour ce pour quoi elles ont été crées !

darth-bane
darth-bane
Niveau 10
27 février 2007 à 22:52:45

Juste pour info :

*

{
margin : 0;
padding : 0;
}
ne retire pas tous les attributs, seulement le margin et le padding.
J´ai cru un moment que tu connaissais une méthode qui permettait de le faire et ça me surprenais beaucoup, parce qu´à ma connaissance, ce n´est pas faisable.
Pour avoir une balise vierge (ou presque) de tous attributs, il n´y a qu´à utiliser <div> qui je crois n´a que l´attribut display:bloc de définis.

clad98
clad98
Niveau 9
27 février 2007 à 22:56:49

Ah bah si tu mets une couleur, taille, police, elle auront toutes la même têtes les balises, pour les Hn c´est valide peut importre l´ordre ! En tous cas mes pages sont toutes valides :)

darth-bane
darth-bane
Niveau 10
27 février 2007 à 23:08:06

Le validateur du w3c n´est pas infaillible.
Certaines règles du w3c ne sont pas évaluées par le validateur.
Comme par exemple les règles d´accessibilité.
Sache que l´utilisation des balises <h1> à <h6> dans le désordre va sérieusement désorienter un visiteur mal-voyant.

darth-bane
darth-bane
Niveau 10
27 février 2007 à 23:09:12

Je peux sans problème te pondre du code dégueulasse qui passera la validation xhtml/css du w3C.

clad98
clad98
Niveau 9
27 février 2007 à 23:15:37

C´est pas le but du topic ? si ?

Si tu veuxn quand j´ai fini le codage HTML / CSS jte le passe, tu valide tous sa hein lol ! Mon site n´est pas destiné au aveugle et surtout pas au sourd parlant musiques lol.

darth-bane
darth-bane
Niveau 10
27 février 2007 à 23:28:15

Ce n´est pas le but du topic, mais si je peux t´influencer pour coder proprement, c´est toujours ça de gagné.
En ce qui concerne l´accessibilité, tu ne destine peut-être pas ton site aux mal-voyants (c´est toi qui a parlé des sourds), mais eux pourraient tomber sur ton site et s´y interresser.
Mais visiblement tu n´en a rien à foutre de faire partie des 99% des webmasters égoïstes (pros ou amateurs) à ne pas tenir commpte de ceux qui n´ont pas la chance de voir aussi bien que toi et moi. Tu ne sais pas ce que l´avenir te réserve, tu pourrais très bien devenir mal-voyant dès demain, suite à un accident ou une maladie génétique. Pense-y un peu !

Pour ce qui est de corriger ton code, désolé, je n´ai même pas le temps de travailler pour moi. deuxièmement, j´ai horreur de passer derrière quelqu´un qui n´a pa fait un minimum d´efforts dès le début de son codage.
Et puis, étant donné ta façon de penser, ça ne me motive pas pour le faire.

clad98
clad98
Niveau 9
27 février 2007 à 23:30:55

Non mai, je le site n´est pas d´utilité public, je ferai un site communautaire ou autre, j´aurai fais les controle clavier et autre ! Déjà j´ai pirs l´initiative de ne pas mettre une image comme bot met une question pour les aveugles ...

Et j´ai pas saisi le truc de Hn, je dois utiliser en 1er le h1 puis h2 ... ? Si c´est cela sa se change hein ^^

darth-bane
darth-bane
Niveau 10
28 février 2007 à 07:54:44

"Et j´ai pas saisi le truc de Hn, je dois utiliser en 1er le h1 puis h2 ..."

C´est exactement ça !
Mais bon, ça me semble logique d´utiliser d´abord un titre de niveau 1 avant d´utiliser celui de niveau 2, 3, ..., non ?

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware