Transformer <h1> en texte en css


julk
WRInaute impliqué
WRInaute impliqué
 
Messages: 610
Inscription: 12 Mar 2004

Transformer <h1> en texte en css

Message le Sam Fév 10, 2007 17:17

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 795
Inscription: 11 Nov 2006

Message le Sam Fév 10, 2007 17:26

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
Modérateur
Modérateur
 
Messages: 15544
Inscription: 23 Déc 2003

Message le Sam Fév 10, 2007 17:45

>> 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
WRInaute discret
WRInaute discret
 
Messages: 157
Inscription: 10 Juil 2005

Message le Sam Fév 10, 2007 20:11

margin:0px;

Et en rajoutant px?


julk
WRInaute impliqué
WRInaute impliqué
 
Messages: 610
Inscription: 12 Mar 2004

Message le Sam Fév 10, 2007 20:28

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
WRInaute passionné
WRInaute passionné
 
Messages: 2308
Inscription: 29 Avr 2006

Message le Sam Fév 10, 2007 20:34

Comme dit plus haut, ces deux lignes :

Code: Tout sélectionner
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:
Dernière édition par keroin le Sam Fév 10, 2007 20:53, édité 1 fois.

ACth
WRInaute impliqué
WRInaute impliqué
 
Messages: 795
Inscription: 11 Nov 2006

Message le Sam Fév 10, 2007 20:44

@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
WRInaute passionné
WRInaute passionné
 
Messages: 2308
Inscription: 29 Avr 2006

Message le Sam Fév 10, 2007 20:52

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


Monty973
WRInaute passionné
WRInaute passionné
 
Messages: 1635
Inscription: 21 Mar 2006

Message le Sam Fév 10, 2007 20:57

keroin a écrit:Comme dit plus haut, ces deux lignes :

Code: Tout sélectionner
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
WRInaute accro
WRInaute accro
 
Messages: 18812
Inscription: 8 Aoû 2004

Message le Sam Fév 10, 2007 21:03

tout à fait !


p0uet
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 451
Inscription: 20 Mai 2004

Message le Sam Fév 10, 2007 21:04

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

ACth
WRInaute impliqué
WRInaute impliqué
 
Messages: 795
Inscription: 11 Nov 2006

Message le Sam Fév 10, 2007 23:19

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

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


wullon
WRInaute accro
WRInaute accro
 
Messages: 3918
Inscription: 18 Sep 2004

Message le Sam Fév 10, 2007 23:26

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

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


p0uet
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 451
Inscription: 20 Mai 2004

Message le Sam Fév 10, 2007 23:28

Vas-y, frappe-moi :)

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

ACth
WRInaute impliqué
WRInaute impliqué
 
Messages: 795
Inscription: 11 Nov 2006

Message le Sam Fév 10, 2007 23:33

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

Code: Tout sélectionner
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;

Transformer <h1> en texte en css

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

  • Recherche de citations d'un site en texte brut
    Cet outil vous permet de trouver des pages citant votre site mais ne faisant pas (encore) de lien. Il suffira parfois d'un simple mail pour transformer cette simple citation en lien (backlink).


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités