Comment faire pour obtenir deux mots l'un sur l'autre

[Invité]

Bonjour,
J'ai vu que sur certains forums, il y a avait un code pour superposé deux textes comme ceci :



Je voudrais savoir s'il existait un code HTML pour pouvoir l'appliquer.

Merci

[Nivris]

Bonjour,

Oui c'est bien un code HTML qui se compose comme ceci :

Code:

<DIV style="TEXT-ALIGN: center" align=center><SPAN style="FONT-GEORGIA: Palatino Linotype"><FONT face=Georgia size=7>[color=#ff0000]
Prénom
[color=#CCCCCC][i]NOM[/i][/color][/color]</FONT></SPAN></DIV>

Astuce pour que l'effet de superposition se fasse bien comme il faut, il faut laisser des valeurs de taille élevée, et donc le texte ne doit pas être trop long. Tu peux aussi changer les écritures et les couleurs à ta guise.

En espérant avoir pu répondre à tes attentes.

Bonne journée et bonne année !

[missx]

salut
avec un code html de ce genre :

Code:

 NOM<br />
<div style="margin-top:-10px">Prénom</div>

tu modifie le -10px en fonction de ce que tu souhaite et tu met en forme pour les couleurs et la taille du texte.
A+

[Invité]

Bonjour,
merci pour vos deux réponses mais j'ai oublier d'ajouter : je voudrais le code en CSS si possible.

Merci

Tutshill

[missx]

dans ce cas tu donne une class au deuxiéme mot et tu met dans le css
margin-top:-10px

[Invité]

Bonjour,
je souhaite que ma class s'appelle effet, voilà comment j'ai commencé :

Code:

.effet{
margin-top:-10px
}

Tutshill

[missx]

le html sera :

Code:

 NOM<br />
<div class="effet">Prénom</div>

et le css comme ce que tu as commencé avec en plus la couleur (que tu change selon ce que tu souhaite) etc ..

Code:

 .effet{
   margin-top:-10px;
   color: #C6C;
   font-size: 24px;
   font-weight: bolder;
        }

[Invité]

Ca ne marche pas =/ le mot du haut est coupé