Transformer <h1> en texte en css

[julk]

Bonjour à tous !!

Je cherche le moyen de faire en sorte que le h1 apparait comme du texte normal via css. (mais il y a toujours des marges qui subsitent à l'intérieur même du h1 qui ne sont pas supprimé par margin:0; et padding:0; )

merci d'avance si vous y arrivez !!

 

[ACth]

Avec margin et padding à zéro, tu n'as plus aucune marge..

De toute manière par défaut, il n'y a aucune marge intérieure appliquée, par aucun navigateur, aux balises Hx.

Question subsidiaire : pourquoi vouloir le faire apparaitre comme un texte normal ?

 

[e-kiwi]

>> merci d'avance si vous y arrivez !!
c'est quand meme la base du css. tu défini la taille du texte, la police, la marge, ...

 

[radiotrance]

margin:0px;

Et en rajoutant px?

 

[julk]

bon ji suis arrivé :
font-size:1em;
margin:0;
padding:0;
position:relative;
display:inline;
float:left;
font-weight:normal;
pour ceux que ca intéresse
en fait je cherchai a faire ça pour remonter un de mes titres trop bas mais ji suis toujours pas arrivé, quelqu'un aurait-il une solution pour remonter un texte de quelques pixel seulement ?

 

[keroin]

Comme dit plus haut, ces deux lignes :

margin:0;
padding:0;

n'ont absolument aucun effets car il faut mettre la valeur en px ou en em.
Aussi, tu peux les enlever :wink:

 

[ACth]

@julk : Le code que tu indique est un gros bordel ! Tu devrais reprendre les bases du web.
Je n'ai pas l'impression que tu maitrise le sujet.

@keroin : Toi aussi, je pense que te pencher sur le sujet à nouveau ne te ferait pas de mal.. :lol:

 

[keroin]

...et donc ??? Tu lui proposes ...???

 

[Monty973]

Comme dit plus haut, ces deux lignes :

margin:0;
padding:0;

n'ont absolument aucun effets car il faut mettre la valeur en px ou en em.
Aussi, tu peux les enlever :wink:

Autant que je sache, les unités ne sont nécessaires que pour les valeurs != de 0.
margin:0,0,0,0; est correcte
margin:0,4,0,0; ne l'est pas

 

[Leonick]

tout à fait !

 

[p0uet]

Hum, et display:inline, on aurait réglé le problème de marges

 

[ACth]

Hum, et display:inline, on aurait réglé le problème de marges

display: inline; n'a aucun rapport avec les marges.
Seul margin et padding influencent sur les marges.

 

[wullon]

ACth, qu'est ce qui ne va pas exactement dans les codes proposés ?

p0uet>ben il y est le display:inline !?

 

[p0uet]

Vas-y, frappe-moi

Toujours est-il que ça permet d'éviter le saut de ligne :|

 

[ACth]

ACth, qu'est ce qui ne va pas exactement dans les codes proposés ?

font-size:1em;
margin:0;
padding:0;
position:relative;
display:inline;
float:left;
font-weight:normal;

On reconnait bien là, un code non maitrisé..
Notamment : position:relative; - display:inline; - float:left;
Puis le reste, doit dans son cas, ne pas être utile (un pari à 99% sur) : font-size:1em; - font-weight:normal;

Il parle de marge, les seuls éléments ayant une influence dessus sont : margin:0; - padding:0;

 

[julk]

ben en fait je l'ai fait vite fait le code plus haut car en fait mon problème ne se situé pas là. (donc dsl si c'est pas un exemple de code optimisé :wink: )
J'essaye d'aligner verticalement un <h1> avec un <div> qui me sert de menu et le pb c'est que <h1> est toujours un peu décallé vers le bas alors que si je remplace le <h1> par du texte l'alignement est parfait (c'est pour ça que j'ai commencé par chercher comment transformer le <h1> en texte normal).

 

[Patrice A.]

top:-5px ?

 

[julk]

ça fait rien ni sur firefox ni sur ie

 

[p0uet]

T'es encore sur ton problème :lol:

 

[julk]

oué lool en fait je taff sur autre chose en même temps (niveau design ya tellement de trucs a voir )

 

[radiotrance]

t'es sur que c'est le hx qui pose problème au moins? a tout les coup c'est une marge appliquée au conteneur non?

 

[ACth]

t'es sur que c'est le hx qui pose problème au moins? a tout les coup c'est une marge appliquée au conteneur non?

^^

Enfin quelqu'un qui à très certainement compris..
M'enfin bon, laissons le chercher un peu .. à la place d'attendre ... .. .

 

[julk]

lol c'est ça ouais j'attends pas je taff mec mé je vais me débrouiller.

 

[ACth]

lol c'est ça ouais j'attends pas je taff mec mé je vais me débrouiller.

Il me semble que la solution t'a été donnée.. :wink:

 

[cedric_g]

Tu "taff" sur ton orthographe ?... :roll:

:arrow:

 

[Patrice A.]

enfin mon top:-5px c'est avec un type de position relative (normal quoi), pas sur un css comme celui que tu as posté, déjà tout engorgé de relatif, float et inline (mentions qui sont contradictoires)