Transformer <h1> en texte en css

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


julk
WRInaute passionné
WRInaute passionné
 
Messages: 604
Inscription: Ven Mar 12, 2004 18:50

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 passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

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: 13859
Inscription: Mar Déc 23, 2003 9:04

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 occasionnel
WRInaute occasionnel
 
Messages: 156
Inscription: Dim Juil 10, 2005 11:24

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

margin:0px;

Et en rajoutant px?


julk
WRInaute passionné
WRInaute passionné
 
Messages: 604
Inscription: Ven Mar 12, 2004 18:50

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 accro
WRInaute accro
 
Messages: 2299
Inscription: Sam Avr 29, 2006 16:33

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 passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

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 accro
WRInaute accro
 
Messages: 2299
Inscription: Sam Avr 29, 2006 16:33

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

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


Monty973
WRInaute accro
WRInaute accro
 
Messages: 1614
Inscription: Mar Mar 21, 2006 4:52

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: 12355
Inscription: Dim Aoû 08, 2004 20:24

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

tout à fait !


p0uet
WRInaute impliqué
WRInaute impliqué
 
Messages: 449
Inscription: Jeu Mai 20, 2004 18:47

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 passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

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: 3914
Inscription: Sam Sep 18, 2004 15:06

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 impliqué
WRInaute impliqué
 
Messages: 449
Inscription: Jeu Mai 20, 2004 18:47

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 passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

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

Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

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